{% extends '@Email/layout.html.twig' %}{% block email_title %}{{ message.subject }}{% endblock %}
{% block email_content %}<header class="capsule-heading"><div class="capsule-heading-main"><a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('app_emails_index') }}"><i class="ti ti-arrow-left"></i></a><div class="capsule-heading-content"><div class="d-flex gap-2 align-items-center"><h1 class="capsule-heading-title">{{ message.subject }}</h1><span class="badge {{ message.status|email_status_class }}">{{ message.status|email_status_label }}</span></div><p class="capsule-heading-subtitle">{{ message.type|email_type_label }} · {{ message.createdAt|date('d/m/Y à H:i') }}</p></div></div></header><div class="email-detail-grid"><main><section class="email-panel"><header><div><h2>Aperçu du message</h2><p>Contenu HTML enregistré au moment de l’envoi.</p></div></header><iframe class="email-preview" sandbox srcdoc="{{ message.bodyHtml|e('html_attr') }}"></iframe></section></main><aside><section class="email-panel email-meta"><header><h2>Distribution</h2></header><dl><dt>De</dt><dd>{{ message.fromName }} &lt;{{ message.fromEmail }}&gt;</dd><dt>À</dt><dd>{{ message.to|join(', ') }}</dd>{% if message.cc %}<dt>Copie</dt><dd>{{ message.cc|join(', ') }}</dd>{% endif %}<dt>Modèle</dt><dd>{{ message.templateKey|default(message.type)|email_type_label }}</dd><dt>Envoyé le</dt><dd>{{ message.sentAt ? message.sentAt|date('d/m/Y H:i') : '—' }}</dd></dl>{% if message.errorMessage %}<div class="alert alert-danger">{{ message.errorMessage }}</div>{% endif %}</section>{% if message.attachments|length %}<section class="email-panel email-meta"><header><h2>Pièces jointes</h2></header>{% for attachment in message.attachments %}<a class="email-attachment" href="{{ path('app_emails_attachment',{id:message.id,attachmentId:attachment.id}) }}"><i class="ti ti-paperclip"></i><span><strong>{{ attachment.filename }}</strong><small>{{ attachment.size ? (attachment.size/1024)|number_format(1,',',' ')~' Ko' : '' }}</small></span><i class="ti ti-download"></i></a>{% endfor %}</section>{% endif %}</aside></div>{% endblock %}