{% extends "base.html" %}

{% block content %}
<h2>📋 Промокоды</h2>
<form method="GET" style="margin-bottom: 15px;">
    <label>Фильтр по организации:</label>
    <select name="org_id" onchange="this.form.submit()">
        <option value="">Все</option>
        {% for org in orgs %}
        <option value="{{ org.id }}" {% if org.id == selected_org %}selected{% endif %}>{{ org.name }}</option>
        {% endfor %}
    </select>
    
    <label style="margin-left: 15px;">Статус:</label>
    <select name="status" onchange="this.form.submit()">
        <option value="all" {% if status == 'all' %}selected{% endif %}>Все</option>
        <option value="active" {% if status == 'active' %}selected{% endif %}>Активные</option>
        <option value="used" {% if status == 'used' %}selected{% endif %}>Погашенные</option>
    </select>
</form>
<table>
    <thead>
        <tr>
            <th>Код</th>
            <th>User ID</th>
            <th>Пользователь</th>
            <th>Организация</th>
            <th>Выдан</th>
            <th>Использован</th>
            <th>Статус</th>
        </tr>
    </thead>
    <tbody>
        {% for code in codes %}
        <tr>
            <td><code>{{ code.code }}</code></td>
            <td>{{ code.user_id }}</td>
            <td>{{ code.user_name }}</td>
            <td>{{ code.org_name or '—' }}</td>
            <td>{{ code.issued_at[:16] if code.issued_at else '' }}</td>
            <td>{{ code.used_at[:16] if code.used_at else '—' }}</td>
            <td>
                {% if code.status == 'active' %}
                    <span style="color: green;">✅ Активен</span>
                {% else %}
                    <span style="color: red;">❌ Погашен</span>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr><td colspan="7">Нет промокодов</td></tr>
        {% endfor %}
    </tbody>
</table>

{% endblock %}