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

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

{% block content %}
<div class="container mx-auto max-w-2xl mt-6">
  <h2 class="text-2xl font-bold">Trade Offer Details</h2>
  <div>
    {% render_trade_offer object %}
  </div>
  {% if acceptance_form %}
    <h3 class="text-xl font-semibold mt-6">Accept This Offer</h3>
    <div class="card p-4">
      <form method="post" action="{% url 'trade_acceptance_create' offer_pk=object.pk %}">
        {% csrf_token %}
        {{ acceptance_form.as_p }}
        <button type="submit" class="btn btn-primary">Submit Acceptance</button>
      </form>
    </div>
  {% endif %}

  <div class="mt-6">
    {% if is_initiator %}
      <a href="{{ delete_close_url }}" class="btn btn-danger">Delete/Close Trade Offer</a>
    {% endif %}
    <a href="{% url 'trade_offer_list' %}" class="btn btn-secondary">Back to Trade Offers</a>
  </div>
</div>
{% endblock content %}