{% extends 'base.html' %}
{% load static card_badge trade_offer_tags %}

{% block title %}Confirm Trade Offer{% endblock title %}

{% block content %}
<div class="container mx-auto max-w-xl mt-6">
  <h2 class="text-2xl font-bold mb-4">Confirm Trade Offer</h2>
  <form method="post">
    {% csrf_token %}
    {# Re-create hidden inputs from POST data, except the preview button #}
    {% for key, values in post_data.lists %}
      {% for value in values %}
        {% if key != "preview" %}
          <input type="hidden" name="{{ key }}" value="{{ value }}">
        {% endif %}
      {% endfor %}
    {% endfor %}

    {% render_trade_offer dummy_trade_offer %}

    <div class="flex justify-between mt-4">
      <button type="submit" name="edit" class="btn btn-secondary">Edit</button>
      <button type="submit" name="confirm" class="btn btn-primary">Confirm Trade Offer</button>
    </div>
  </form>
</div>
{% endblock content %}