{% extends 'base.html' %}{% load static %}{% block title %}Saved Design{% endblock %}{% block breadcrumb %}Saved Design{% endblock %}{% block content %}
<div class="page-head"><div><h2>{{ design.title }}</h2><p class="small muted">{{ design.get_project_type_display }}{% if design.canvas_data.pages %} · Design document · {{ design.canvas_data.pages|length }} page(s){% endif %}</p><p>Saved on {{ design.created_at|date:'d M Y' }} · {{ design.get_status_display }}</p></div><div class="actions">{% if can_edit %}<a href="{% url 'studio_edit' design.pk %}" class="btn">✎ Continue editing</a>{% endif %}<a href="{% url 'studio' %}" class="btn outline">+ New Design</a></div></div>{% if customer_project %}<div class="notice info">Task {{ customer_project.reference }} · <a href="{% url 'genez_project_detail' customer_project.pk %}">Return to the project discussion and proof workflow →</a></div>{% endif %}
<div class="card card-pad gstudio-saved-layout"><div class="gstudio-page-manager"><strong>Document pages</strong><span id="gstudio-page-count" class="small muted">Page 1 of 1</span><div id="gstudio-pages" class="gstudio-page-strip" aria-label="Document pages"></div></div><div class="gstudio-saved-stage"><canvas id="studio-saved-preview" width="900" height="1200" data-headline="{{ design.headline }}" data-theme="{{ design.theme }}" aria-label="Saved artwork preview"></canvas></div><div class="gstudio-saved-info"><h3>Saved creative design</h3><p>Your drafts are visible to their owner and assigned creative team. Edit this draft or return to its customer project.</p><div class="gstudio-saved-meta"><span>Title</span><strong>{{ design.title }}</strong><span>Status</span><strong>{{ design.get_status_display }}</strong></div><p class="page-note">PNG exports are proof-quality visual previews, not verified print-ready artwork. Always request a production proof before printing.</p>
{% if can_order %}
<section class="v5-order-design" aria-label="Order your design">
  <span class="v5-chip">NEXT STEP · PRINT OR ORDER</span><h3>Turn your design into an order</h3>
  <p>Choose the product and quantity for this saved design. Your artwork will be attached to its order item and frozen at checkout.</p>
  <form action="{% url 'design_to_cart' design.pk %}" method="post" id="v5-design-order" class="stack">{% csrf_token %}
    <label class="field">Product
      {% if design.product_id %}<strong class="v5-linked-product">{{ design.product.name }}</strong><input type="hidden" name="product" value="{{ design.product_id }}">
      {% else %}{{ cart_form.product }}{% endif %}
    </label>
    <div class="v5-spec-grid"><label class="field">Size{{ cart_form.size }}</label><label class="field">Paper / finish{{ cart_form.paper }}</label></div>
    <label class="field">Quantity{{ cart_form.quantity }}</label>
    <div class="notice info">Preview image only. A production proof and payment verification are required before printing.</div>
    <button type="submit" class="btn block">🛒 Add Design &amp; Product to Cart</button>
  </form>
</section>
{% else %}<p class="page-note">This design has been submitted or locked. The ordered artwork remains available from its order record.</p>{% endif %}
</div></div>
{{ canvas_json|json_script:'gstudio-existing-data' }}
{{ product_choices|json_script:'v5-product-options' }}
{{ print_slugs|json_script:'v5-print-slugs' }}
<script src="{% static 'js/genez-studio-v6.js' %}" defer></script><script src="{% static 'js/genez-v5-order-design.js' %}" defer></script>
{% endblock %}