{% extends 'admin/layout.twig' %}
{% block title %}Tickets — Admin{% endblock %}
{% block content %}
    <div class="admin-page-head">
        <h1>Tickets</h1>
        <p class="muted">
            Showing {{ tickets.rows|length }} of {{ tickets.total }} ·
            <a href="{{ app_url('/admin/tickets/export') }}{{ query_string ? '?' ~ query_string : '' }}">Export CSV</a>
        </p>
    </div>

    <form method="get" class="filter-bar">
        <input type="search" name="q" value="{{ filters.search }}" placeholder="Search subject, number, customer…">
        <select name="status">
            <option value="">All statuses</option>
            {% for s in statuses %}
                <option value="{{ s }}" {{ filters.status == s ? 'selected' : '' }}>{{ s }}</option>
            {% endfor %}
        </select>
        <select name="priority">
            <option value="">All priorities</option>
            {% for p in priorities %}
                <option value="{{ p }}" {{ filters.priority == p ? 'selected' : '' }}>{{ p }}</option>
            {% endfor %}
        </select>
        <select name="assigned_to">
            <option value="">All agents</option>
            <option value="unassigned" {{ filters.assigned_to == 'unassigned' ? 'selected' : '' }}>Unassigned</option>
            {% for a in agents %}
                <option value="{{ a.id }}" {{ filters.assigned_to == a.id|string ? 'selected' : '' }}>{{ a.name }}</option>
            {% endfor %}
        </select>
        <select name="department_id">
            <option value="">All departments</option>
            {% for d in departments %}
                <option value="{{ d.id }}" {{ filters.department_id == d.id|string ? 'selected' : '' }}>{{ d.name }}</option>
            {% endfor %}
        </select>
        <select name="tag_id">
            <option value="">All tags</option>
            {% for t in tags %}
                <option value="{{ t.id }}" {{ filters.tag_id == t.id|string ? 'selected' : '' }}>{{ t.name }}</option>
            {% endfor %}
        </select>
        <button type="submit" class="btn btn-primary">Filter</button>
        <a href="{{ app_url('/admin/tickets') }}" class="btn btn-light">Clear</a>
    </form>

    {% include 'admin/tickets/_list.twig' with {tickets: tickets.rows} %}

    {% if tickets.pages > 1 %}
        <nav class="pagination">
            {% for p in 1..tickets.pages %}
                <a href="?page={{ p }}{{ query_string ? '&' ~ query_string : '' }}"
                   class="{{ p == tickets.page ? 'active' : '' }}">{{ p }}</a>
            {% endfor %}
        </nav>
    {% endif %}
{% endblock %}