{% extends "cms/base.html" %}
{% block title %}Auction Listings{% endblock %}
{% block page_title %}Auction Listings{% endblock %}

{% block cms_content %}
<div class="cms-section-header">
  <h2>Auction Listings</h2>
  <a href="{% url 'cms_auction_add' %}" class="btn-cms"><i class="fa-solid fa-plus me-1"></i>Add Listing</a>
</div>
<div class="cms-card">
  {% if listings %}
  <table class="cms-table">
    <thead>
      <tr><th>Type</th><th>Name</th><th>Price</th><th>Status</th><th>Page</th><th>Actions</th></tr>
    </thead>
    <tbody>
      {% for listing in listings %}
      <tr>
        <td><i class="fa-solid {{ listing.type_icon }}" style="color:var(--cms-muted)"></i></td>
        <td>
          {{ listing.name }}
          {% if listing.is_premium %}<span class="badge-premium ms-1">Premium</span>{% endif %}
          {% if listing.tagline %}<div style="font-size:.75rem;color:var(--cms-muted)">{{ listing.tagline }}</div>{% endif %}
        </td>
        <td style="font-size:.875rem">{{ listing.display_price }}</td>
        <td>
          {% if listing.status == 'active' %}<span class="badge-resolved">Active</span>
          {% elif listing.status == 'under_offer' %}<span class="badge-open">Under Offer</span>
          {% elif listing.status == 'sold' %}<span class="badge-closed">Sold</span>
          {% else %}<span class="badge-source">Draft</span>{% endif %}
        </td>
        <td>
          {% if listing.page_path %}
          <span class="badge-resolved">Generated</span>
          {% else %}
          <a href="{% url 'cms_auction_generate' listing.pk %}" class="btn-cms-ghost" style="padding:.2rem .5rem;font-size:.75rem"><i class="fa-solid fa-wand-magic-sparkles me-1"></i>Generate</a>
          {% endif %}
        </td>
        <td>
          <a href="{% url 'cms_auction_edit' listing.pk %}" class="btn-cms-ghost" style="padding:.3rem .7rem;font-size:.8rem"><i class="fa-solid fa-pen"></i></a>
          <form method="post" action="{% url 'cms_auction_delete' listing.pk %}" style="display:inline" onsubmit="return confirm('Delete listing?')">{% csrf_token %}<button type="submit" class="btn-cms-danger" style="padding:.3rem .7rem"><i class="fa-solid fa-trash"></i></button></form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p style="color:var(--cms-muted);text-align:center;padding:2rem 0">No auction listings yet. <a href="{% url 'cms_auction_add' %}">Add one.</a></p>
  {% endif %}
</div>
{% endblock %}