{% extends 'base.html' %}
{% block title %}Кабинет — Мои заявки{% endblock %}
{% block content %}

<section class="page-head">
  <div>
    <h1 class="page-title">Мои заявки</h1>
    <p class="page-subtitle">Список поданных вами заявок и их статусы.</p>
  </div>
  <a href="{{ url_for('new_request') }}" class="btn btn--primary">Новая заявка</a>
</section>

{% if rows %}
<div class="table-wrap">
  <table class="data-table">
    <thead>
      <tr>
        <th>#</th><th>ФИО</th><th>Телефон</th><th>Email</th><th>Дата и время</th>
        <th>Поле 1</th><th>Поле 2</th><th>Поле 3</th><th>Выбор</th>
        <th>Создана</th><th>Статус</th><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>{{ r.answer or '—' }}</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="?page={{ p }}">{{ p }}</a>
  {% endfor %}
</nav>
{% endif %}

{% else %}
<p class="empty">У вас пока нет заявок. Создайте первую!</p>
{% endif %}

{% endblock %}