{% extends "pages/base.html" %}

{% block title %}Checkout — {{ product.name }}{% endblock %}

{% block content %}
  <div class="card">
    <h1>Checkout</h1>
    <p class="muted">You selected: <strong>{{ product.name }}</strong> ({{ product.tier_code }})</p>

    <div class="mt">
      <p class="muted">
        {% if product.duration_days %}
          Duration: {{ product.duration_days }} days
        {% else %}
          Duration: Lifetime
        {% endif %}
      </p>
      <p class="muted">
        Priority: {{ product.ticket_policy.priority|default:"normal" }}
      </p>
    </div>

    <form method="post" action="/checkout/create-order/">
      {% csrf_token %}
      <input type="hidden" name="tier_code" value="{{ product.tier_code }}">
      <button class="btn btn-primary" type="submit">Continue to Payment</button>
    </form>

    <div class="row mt">
      <a class="btn btn-secondary" href="/">Back</a>
    </div>
  </div>
{% endblock %}