{% extends 'base.html.twig' %}

{% block title %}Demandes de contact — Administration TomonIA{% endblock %}
{% block meta_description %}Gestion sécurisée des demandes de contact TomonIA.{% endblock %}
{% block meta_robots %}<meta name="robots" content="noindex, nofollow">{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <link rel="stylesheet" href="{{ asset('assets/css/admin.css') }}">
{% endblock %}

{% block body %}
  <main class="admin-shell" id="main-content" tabindex="-1">
    {% include 'admin/_header.html.twig' %}

    <section class="admin-content" aria-labelledby="admin-title">
      {% include 'admin/_flashes.html.twig' %}

      <div class="admin-title-row">
        <div>
          <p class="admin-kicker">Administration</p>
          <h1 id="admin-title">Demandes de contact</h1>
          <p class="admin-count">{{ messagePage.totalCount }} demande{{ messagePage.totalCount > 1 ? 's' : '' }}</p>
        </div>

        <form class="admin-filter" method="get" action="{{ path('app_admin_messages') }}">
          <span class="admin-filter-label">Filtrer les demandes</span>
          <div class="admin-filter-controls">
            <label>
              <span class="visually-hidden">Statut</span>
              <select id="message-status" name="status">
                <option value="">Tous les statuts</option>
                {% for status in statuses %}
                  <option value="{{ status.value }}"{{ selectedStatus == status ? ' selected' : '' }}>{{ status.label }}</option>
                {% endfor %}
              </select>
            </label>
            <label>
              <span class="visually-hidden">Attribution</span>
              <select id="message-assignee" name="assignee">
                <option value="">Toutes les attributions</option>
                {% for assignee in assignees %}
                  <option value="{{ assignee.value }}"{{ selectedAssignee == assignee ? ' selected' : '' }}>{{ assignee.label }}</option>
                {% endfor %}
              </select>
            </label>
            <button class="admin-button admin-button-small" type="submit">Filtrer</button>
          </div>
        </form>
      </div>

      {% if messagePage.items is empty %}
        <div class="admin-empty">
          <h2>Aucune demande</h2>
          <p>Aucune demande ne correspond au filtre sélectionné.</p>
        </div>
      {% else %}
        <div class="admin-table-wrap">
          <table class="admin-table">
            <thead>
              <tr>
                <th>Date</th>
                <th>Contact</th>
                <th>Entreprise</th>
                <th>Message</th>
                <th>Attribution</th>
                <th>Statut</th>
                <th><span class="visually-hidden">Consulter</span></th>
              </tr>
            </thead>
            <tbody>
              {% for message in messagePage.items %}
                <tr class="{{ message.status.value == 'new' ? 'is-new' : '' }}">
                  <td data-label="Date">
                    <time datetime="{{ message.createdAt|date('c') }}">{{ message.createdAt|date('d/m/Y H:i', 'Europe/Paris') }}</time>
                  </td>
                  <td data-label="Contact">
                    <strong>{{ message.name }}</strong>
                    <a href="mailto:{{ message.email }}">{{ message.email }}</a>
                  </td>
                  <td data-label="Entreprise">{{ message.company ?: '—' }}</td>
                  <td data-label="Message" class="admin-message-preview">
                    {{ message.message|length > 120 ? message.message|slice(0, 120) ~ '…' : message.message }}
                  </td>
                  <td data-label="Attribution">
                    {% if message.assignedTo %}
                      <span class="admin-assignee">{{ message.assignedTo.label }}</span>
                    {% else %}
                      <span class="admin-unassigned">Non attribuée</span>
                    {% endif %}
                  </td>
                  <td data-label="Statut">
                    <span class="admin-status admin-status-{{ message.status.value }}">{{ message.status.label }}</span>
                  </td>
                  <td class="admin-table-action">
                    <a href="{{ path('app_admin_messages_show', {id: message.id}) }}">Consulter</a>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>

        {% if messagePage.pageCount > 1 %}
          <nav class="admin-pagination" aria-label="Pagination des demandes">
            {% set filterParameters = {} %}
            {% if selectedStatus %}{% set filterParameters = filterParameters|merge({status: selectedStatus.value}) %}{% endif %}
            {% if selectedAssignee %}{% set filterParameters = filterParameters|merge({assignee: selectedAssignee.value}) %}{% endif %}
            {% if messagePage.hasPreviousPage %}
              <a rel="prev" href="{{ path('app_admin_messages', filterParameters|merge({page: messagePage.pageNumber - 1})) }}">← Précédente</a>
            {% else %}
              <span aria-hidden="true">← Précédente</span>
            {% endif %}

            <span>Page {{ messagePage.pageNumber }} sur {{ messagePage.pageCount }}</span>

            {% if messagePage.hasNextPage %}
              <a rel="next" href="{{ path('app_admin_messages', filterParameters|merge({page: messagePage.pageNumber + 1})) }}">Suivante →</a>
            {% else %}
              <span aria-hidden="true">Suivante →</span>
            {% endif %}
          </nav>
        {% endif %}
      {% endif %}
    </section>
  </main>
{% endblock %}