{% extends "base.html" %}
{% block title %}Vouchers - RadiusForge{% endblock %}
{% block content %}
    <div class="rf-page-head">
        <div>
            <h1>Vouchers</h1>
            {% if organization %}<p class="rf-lede">For <strong>{{ organization.name }}</strong></p>{% endif %}
        </div>
        {% if can_write %}<a class="button" href="{% url 'voucher-batch-create' %}">New batch</a>{% endif %}
    </div>
    {% if batches %}
    <table class="rf-cards">
        <thead>
            <tr><th>Batch</th><th>Plan</th><th>Codes</th><th>Validity</th><th>Created</th><th><span class="rf-visually-hidden">Actions</span></th></tr>
        </thead>
        <tbody>
        {% for b in batches %}
            <tr>
                <td data-label="Batch" class="rf-primary">{{ b.name }}</td>
                <td data-label="Plan">{{ b.plan.name }}</td>
                <td data-label="Codes">{{ b.quantity }}</td>
                <td data-label="Validity">{% if b.validity_kind == 'first_use' %}{{ b.duration_hours }}h from first use{% else %}Fixed window{% endif %}</td>
                <td data-label="Created">{{ b.created_at|date:"j M Y" }}</td>
                <td class="rf-actions"><a href="{% url 'voucher-batch-detail' b.pk %}">View</a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    {% if can_write %}
    <p class="rf-empty">No voucher batches yet. Use <a href="{% url 'voucher-batch-create' %}">New batch</a> to mint the first run of codes.</p>
    {% else %}
    <p class="rf-empty">No voucher batches yet.</p>
    {% endif %}
    {% endif %}
{% endblock %}