{% extends '@App/partials/base.html.twig' %}

{% block content %}

<div class="body-wrapper">
  <div class="container-fluid">

    <div class="card card-body py-3 mb-3">
      <div class="d-flex justify-content-between align-items-center">
        <h4 class="mb-0">Journal des emails</h4>
        <a href="{{ path('app_email_templates_index') }}" class="btn btn-sm btn-outline-primary">Modèles d'emails</a>
      </div>
    </div>

    <div class="card mb-3">
      <div class="card-body">
        <form method="get" class="row g-2">
          <div class="col-md-2">
            <select name="type" class="form-select form-select-sm">
              <option value="">Type</option>
              {% for type in types %}
                <option value="{{ type }}" {% if filters.type == type %}selected{% endif %}>{{ typeLabels[type] ?? type }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-md-2">
            <select name="status" class="form-select form-select-sm">
              <option value="">Statut</option>
              {% for s in ['queued','sent','failed'] %}
                <option value="{{ s }}" {% if filters.status == s %}selected{% endif %}>{{ s }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-md-2"><input class="form-control form-control-sm" type="date" name="dateFrom" value="{{ filters.dateFrom ? filters.dateFrom|date('Y-m-d') : '' }}"></div>
          <div class="col-md-2"><input class="form-control form-control-sm" type="date" name="dateTo" value="{{ filters.dateTo ? filters.dateTo|date('Y-m-d') : '' }}"></div>
          <div class="col-md-2"><input class="form-control form-control-sm" type="text" name="destinataire" value="{{ filters.destinataire }}" placeholder="Destinataire"></div>
          <div class="col-md-10"><input class="form-control form-control-sm" type="text" name="subject" value="{{ filters.subject }}" placeholder="Sujet"></div>
          <div class="col-md-2 text-end"><button class="btn btn-sm btn-primary w-100">Filtrer</button></div>
        </form>
      </div>
    </div>

    <div class="card">
      <div class="table-responsive">
        <table class="table table-sm mb-0 align-middle">
          <thead>
            <tr>
              <th>Date</th>
              <th>Type</th>
              <th>Sujet</th>
              <th>Destinataires</th>
              <th>Statut</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
          {% for row in emails %}
            <tr>
              <td>{{ row.createdAt ? row.createdAt|date('d/m/Y H:i') : '-' }}</td>
              <td><span class="badge bg-light text-dark">{{ typeLabels[row.type] ?? row.type }}</span></td>
              <td>{{ row.subject }}</td>
              <td>{{ row.to|join(', ') }}</td>
              <td>
                {% set c = row.status == 'sent' ? 'success' : (row.status == 'failed' ? 'danger' : 'warning') %}
                <span class="badge text-bg-{{ c }}">{{ row.status }}</span>
              </td>
              <td class="text-end"><a href="{{ path('app_emails_show', {id: row.id}) }}" class="btn btn-sm btn-outline-primary">Voir</a></td>
            </tr>
          {% else %}
            <tr><td colspan="6" class="text-center text-muted py-4">Aucun email</td></tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

{% endblock %}