{% extends '@App/app.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">Email #{{ emailMessage.id }}</h4>
        <a href="{{ path('app_emails_index') }}" class="btn btn-sm btn-outline-secondary">Retour</a>
      </div>
    </div>

    <div class="row g-3">
      <div class="col-12 col-lg-8">
        <div class="card">
          <div class="card-body">
            <p><strong>Type:</strong> {{ emailTypeLabel }} ({{ emailMessage.type }})</p>
            <p><strong>Sujet:</strong> {{ emailMessage.subject }}</p>
            <p><strong>Statut:</strong> <span class="badge text-bg-{{ emailMessage.status == 'sent' ? 'success' : (emailMessage.status == 'failed' ? 'danger' : 'warning') }}">{{ emailMessage.status }}</span></p>
            <p><strong>Envoyé le :</strong> {{ emailMessage.sentAt ? emailMessage.sentAt|date('d/m/Y H:i:s') : '-' }}</p>
            <p><strong>Expéditeur :</strong> {{ emailMessage.fromName ?: '-' }} &lt;{{ emailMessage.fromEmail ?: '-' }}&gt;</p>
            <p><strong>Destinataires :</strong> {{ emailMessage.to|join(', ') }}</p>
            <p><strong>Cc:</strong> {{ emailMessage.cc ? emailMessage.cc|join(', ') : '-' }}</p>
            <p><strong>Bcc:</strong> {{ emailMessage.bcc ? emailMessage.bcc|join(', ') : '-' }}</p>
            <p><strong>Reply-To:</strong> {{ emailMessage.replyTo ? emailMessage.replyTo|join(', ') : '-' }}</p>
            <p><strong>Branding :</strong> {{ emailMessage.brandingType ?: 'staffelia' }}{% if emailMessage.brandingSocieteId %} (société #{{ emailMessage.brandingSocieteId }}){% endif %}</p>
            <p><strong>Template key :</strong> {{ emailMessage.templateKey ?: emailMessage.type }}</p>
            <p><strong>Source template :</strong> {{ emailMessage.templateSource == 'custom' ? 'Personnalisé' : 'Défaut' }}</p>

            <hr>
            <h6>Corps HTML</h6>
            <div class="border rounded p-3 bg-light">{{ emailMessage.bodyHtml|raw }}</div>

            <hr>
            <h6>Corps texte</h6>
            <pre class="border rounded p-3 bg-light">{{ emailMessage.bodyText ?: '-' }}</pre>
          </div>
        </div>
      </div>

      <div class="col-12 col-lg-4">
        <div class="card mb-3">
          <div class="card-body">
            <h6>Pièces jointes</h6>
            <ul class="list-group list-group-flush">
              {% for a in emailMessage.attachments %}
                <li class="list-group-item px-0 d-flex justify-content-between align-items-center">
                  <span>{{ a.filename }}</span>
                  <a href="{{ path('app_emails_attachment_download', {id: a.id}) }}" class="btn btn-sm btn-outline-primary">Télécharger</a>
                </li>
              {% else %}
                <li class="list-group-item px-0 text-muted">Aucune pièce jointe</li>
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="card">
          <div class="card-body">
            <h6>Variables</h6>
            <pre class="bg-light border rounded p-3" style="max-height:300px; overflow:auto;">{{ emailMessage.variables ? emailMessage.variables|json_encode(constant('JSON_PRETTY_PRINT')) : '{}' }}</pre>
            {% if emailMessage.errorMessage %}
              <div class="alert alert-danger mt-2 mb-0">{{ emailMessage.errorMessage }}</div>
            {% endif %}
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

{% endblock %}