{% extends '@App/app.html.twig' %}

{% block content %}
    <div class="container-fluid p-0">
        <div class="d-flex align-items-center justify-content-between gap-3 mb-4">
            <div>
                <h3 class="mb-1">Emails</h3>
                <p class="text-muted mb-0">Personnalisez uniquement le contenu des emails envoyés aux partenaires, prospects et mécènes.</p>
            </div>
            <a class="btn btn-light" href="{{ path('app_current_organization_settings') }}">
                <i class="ti ti-arrow-left me-1"></i>Réglages
            </a>
        </div>

        {% for category, templates in templates_by_category %}
            <div class="card mb-4">
                <div class="card-header bg-white border-bottom">
                    <h5 class="mb-0">{{ category }}</h5>
                </div>
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                        <tr>
                            <th>Email</th>
                            <th>Description</th>
                            <th>Statut</th>
                            <th class="text-end">Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for template in templates %}
                            {% set override = overrides[template.id]|default(null) %}
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ template.name }}</div>
                                    <div class="text-muted small">{{ template.type }}</div>
                                </td>
                                <td class="text-muted">{{ template.description }}</td>
                                <td>
                                    {% if override and override.active %}
                                        <span class="badge bg-success-subtle text-success">Personnalisé</span>
                                    {% else %}
                                        <span class="badge bg-light text-muted">Défaut Staffelia</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    <a class="btn btn-sm btn-primary" href="{{ path('app_organization_email_templates_edit', {code: template.type}) }}">
                                        <i class="ti ti-edit me-1"></i>Modifier
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        {% else %}
            <div class="card">
                <div class="card-body text-center text-muted py-5">Aucun email personnalisable disponible.</div>
            </div>
        {% endfor %}
    </div>
{% endblock %}