{% extends 'base_dashboard.html' %}
{% load site_tags %}

{% block title %}Promo codes — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-4 flex-wrap gap-2">
  <div>
    <h4 class="fw-bold mb-1">Promo codes</h4>
    <p class="text-muted small mb-0">Special discounts for colleges, universities, and partner institutes</p>
  </div>
  <div class="d-flex gap-2">
    <a href="{% url 'promotions:admin_redemptions' %}" class="btn btn-outline-secondary btn-sm">Redemptions</a>
    <a href="{% url 'promotions:admin_create' %}" class="btn btn-primary btn-sm">Create promo</a>
  </div>
</div>

<div class="card border-0 shadow-sm rounded-4">
  <div class="table-responsive">
    <table class="table mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th class="ps-4">Code</th>
          <th>Institute</th>
          <th>Discount</th>
          <th>Applies to</th>
          <th>Uses</th>
          <th>Active</th>
          <th class="pe-4"></th>
        </tr>
      </thead>
      <tbody>
        {% for p in promos %}
        <tr>
          <td class="ps-4 font-monospace fw-bold">{{ p.code }}</td>
          <td>{{ p.institute_name }}</td>
          <td>{{ p.discount_label }}</td>
          <td>{{ p.get_applies_to_display }}</td>
          <td>{{ p.used_count }}{% if p.max_uses %}/{{ p.max_uses }}{% else %} / ∞{% endif %}</td>
          <td>{% if p.is_currently_valid %}<span class="badge text-bg-success">Valid</span>{% elif p.is_active %}<span class="badge text-bg-warning text-dark">Limited</span>{% else %}<span class="badge text-bg-secondary">Off</span>{% endif %}</td>
          <td class="pe-4 text-end">
            <a href="{% url 'promotions:admin_edit' p.pk %}" class="btn btn-sm btn-outline-primary">Edit</a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="7" class="text-center text-muted py-5">No promo codes yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}