{% extends "base.html" %}

{% block title %}Edit Proof Card | TrustForge{% endblock %}
{% block meta_description %}Edit a TrustForge proof card’s testimonial, status, featuring, and placement settings.{% endblock %}

{% block content %}
<section class="py-5">
  <div class="container">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
      <div>
        <div class="tf-eyebrow">Edit proof card</div>
        <h1 class="tf-page-title">Refine the conversion asset</h1>
        <p class="tf-page-subtitle">Update the customer display name, testimonial, placement, and publish settings without touching the underlying job record.</p>
      </div>
      <a class="btn tf-btn tf-btn-secondary" href="{% url 'proof_card_detail' proof_card.id %}">Back to proof card</a>
    </div>

    <div class="tf-panel">
      <form method="post" class="row g-3">
        {% csrf_token %}
        <div class="col-md-6">
          <label class="form-label">Customer display name</label>
          {{ form.customer_display_name }}
        </div>
        <div class="col-md-6">
          <label class="form-label">Rating</label>
          {{ form.rating }}
        </div>
        <div class="col-12">
          <label class="form-label">Testimonial quote</label>
          {{ form.testimonial_quote }}
        </div>
        <div class="col-md-6">
          <label class="form-label">Status</label>
          {{ form.status }}
        </div>
        <div class="col-md-6">
          <label class="form-label">Attach to widget</label>
          {{ form.attached_widget_label }}
        </div>
        <div class="col-12">
          <label class="form-label">Attach to pages</label>
          {{ form.attached_pages }}
        </div>
        <div class="col-md-6">
          <div class="form-check tf-check-field">
            {{ form.is_anonymized }}
            <label class="form-check-label" for="{{ form.is_anonymized.id_for_label }}">Anonymize customer</label>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-check tf-check-field">
            {{ form.is_featured }}
            <label class="form-check-label" for="{{ form.is_featured.id_for_label }}">Feature this proof card</label>
          </div>
        </div>
        <div class="col-12 d-flex gap-3 pt-2">
          <button type="submit" class="btn tf-btn tf-btn-primary">Save proof card</button>
          <a href="{% url 'proof_card_detail' proof_card.id %}" class="btn tf-btn tf-btn-secondary">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</section>
{% endblock %}