{% extends 'base.html' %}
{% block title %}Админ-панель — Заявки{% endblock %}
{% block content %}

{# заголовок столбца со ссылкой-сортировкой #}
{% macro sort_th(col, label) %}
  {% set next_dir = 'desc' if (sort == col and dir == 'asc') else 'asc' %}
  <th class="th-sortable">
    <a class="th-sort"
       href="{{ url_for('admin', sort=col, dir=next_dir, status=status, q=q) }}"
>
      {{ label }}
      {% if sort == col %}
        <span class="th-sort__arrow">{{ '▲' if dir == 'asc' else '▼' }}</span>
      {% else %}
        <span class="th-sort__arrow th-sort__arrow--muted">⇅</span>
      {% endif %}
    </a>
  </th>
{% endmacro %}

<section class="page-head">
  <div>
    <h1 class="page-title">Заявки</h1>
    <p class="page-subtitle">Найдено записей: {{ total }}</p>
  </div>
</section>

<form method="get" class="filters" aria-label="Фильтрация заявок">
  <input type="hidden" name="sort" value="{{ sort }}">
  <input type="hidden" name="dir" value="{{ dir }}">

  <input class="filters__input" type="text" name="q"
         placeholder="Поиск: ФИО, телефон или email"
         value="{{ q }}">

  <select class="filters__select" name="status">
    <option value="">Все статусы</option>
    {% for s in statuses %}
      <option value="{{ s }}" {% if s == status %}selected{% endif %}>{{ s }}</option>
    {% endfor %}
  </select>

  <button class="btn btn--primary" type="submit">Фильтр</button>
  <a href="{{ url_for('admin') }}" class="btn">Сброс</a>
</form>

{% if rows %}
<div class="table-wrap">
  <table class="data-table">
    <thead>
      <tr>
        {{ sort_th('id', '#') }}
        {{ sort_th('fio', 'ФИО') }}
        {{ sort_th('phone', 'Телефон') }}
        {{ sort_th('email', 'Email') }}
        {{ sort_th('dt', 'Дата и время') }}
        <th>Поле 1</th><th>Поле 2</th><th>Поле 3</th>
        {{ sort_th('choice', 'Выбор') }}
        {{ sort_th('created_at', 'Создана') }}
        {{ sort_th('status', 'Статус') }}
        <th>Статус и ответ</th>
      </tr>
    </thead>
    <tbody>
      {% for r in rows %}
      <tr class="data-table__row">
        <td>{{ r.id }}</td>
        <td>{{ r.fio }}</td>
        <td>{{ r.phone }}</td>
        <td>{{ r.email }}</td>
        <td>{{ r.dt|replace('T', ' ') }}</td>
        <td>{{ r.field1 }}</td>
        <td>{{ r.field2 }}</td>
        <td>{{ r.field3 }}</td>
        <td>{{ r.choice }}</td>
        <td>{{ r.created_at }}</td>
        <td><span class="status status--{{ r.status|replace(' ', '-') }}">{{ r.status }}</span></td>
        <td>
          <form method="post" action="{{ url_for('update_request', rid=r.id) }}" class="status-form">
            <select class="status-form__select" name="status">
              {% for s in statuses %}
                <option value="{{ s }}" {% if s == r.status %}selected{% endif %}>{{ s }}</option>
              {% endfor %}
            </select>
            <input class="status-form__input" type="text" name="answer"
                   placeholder="Ответ" value="{{ r.answer or '' }}"
>
            <button class="btn btn--primary" type="submit">OK</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{# пагинация сохраняет фильтр и сортировку #}
{% if pages > 1 %}
<nav class="pagination" aria-label="Постраничная навигация">
  {% for p in range(1, pages + 1) %}
    <a class="pagination__link {% if p == page %}is-active{% endif %}"
       href="{{ url_for('admin', page=p, status=status, q=q, sort=sort, dir=dir) }}">{{ p }}</a>
  {% endfor %}
</nav>
{% endif %}

{% else %}
<p class="empty">Заявок не найдено.</p>
{% endif %}

{% endblock %}