{% extends "base.html" %}
{% block content %}
<section class="card">
  <h1>Заявки</h1>
  <form method="get" action="/applications" class="filters">
    <input type="text" name="search" value="{{ search }}" placeholder="Поиск по ID / имени / описанию" />
    <select name="status_filter">
      <option value="">Все статусы</option>
      {% for status in statuses %}
      <option value="{{ status }}" {% if status == status_filter %}selected{% endif %}>{{ status }}</option>
      {% endfor %}
    </select>
    <button type="submit">Фильтр</button>
  </form>
  <div class="table-wrap">
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Клиент</th>
          <th>Категория</th>
          <th>Статус</th>
          <th>External Sync</th>
          <th>Создано</th>
        </tr>
      </thead>
      <tbody>
        {% for app in applications %}
        <tr>
          <td><a href="/applications/{{ app.id }}">#{{ app.id }}</a></td>
          <td>{{ app.customer_name }}</td>
          <td>{{ app.category }}</td>
          <td><span class="badge">{{ app.status }}</span></td>
          <td>{{ app.external_sync_status }}</td>
          <td>{{ app.created_at }}</td>
        </tr>
        {% else %}
        <tr>
          <td colspan="6">Заявок пока нет.</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}