{% extends '@kohinos/bundles/SonataAdminBundle/standard_layout.html.twig' %}

{% block title %}Templates d'emails{% endblock %}

{% block breadcrumb %}
    <li><a href="{{ path('sonata_admin_dashboard') }}"><i class="fa fa-home"></i></a></li>
    <li class="active">Templates d'emails</li>
{% endblock %}

{% block sonata_admin_content %}
<section class="content-header">
    <div class="sticky-wrapper">
        <nav class="navbar navbar-default" role='navigation'>
            <div class="container-fluid">
                <div class="navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a class="sonata-action-element" href="{{ path('admin_email_template_list') }}"><i class="fa fa-undo"></i> Retour à la liste
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</section>
<section class="content">
    {# ── Accès rapide éditeur flux ──────────────────────────────────────────── #}
    <div class="row">
        <div class="col-xs-12">
            <div class="callout callout-info" style="margin-bottom: 15px; display: flex; align-items: center; gap: 20px;">
                <div style="flex: 1;">
                    <h4 style="margin: 0 0 4px;"><i class="fa fa-exchange"></i> Templates Flux (emails de transactions)</h4>
                    <p style="margin: 0; color: #555;">
                        Les templates liés aux flux (achats, cotisations, transferts, etc.) sont gérés dans un éditeur dédié.
                    </p>
                </div>
                <button type="button" class="btn btn-primary" onclick="window.location.href='{{ path('admin_email_template_flux') }}'">
                    <i class="fa fa-exchange"></i> Éditeur Templates Flux
                </button>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-envelope"></i> Templates d'emails</h3>
                </div>
                <div class="box-body">
                    <div class="alert alert-info">
                        <i class="fa fa-info-circle"></i>
                        <strong>Information:</strong>
                        Personnalisez les templates d'emails. Les modifications sont sauvegardées dans <code>templates/themes/custom/email/</code>.
                    </div>

                    {% for category, categoryTemplates in templates %}
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h4 class="box-title">
                                {% if category == 'Sepa' %}<i class="fa fa-credit-card"></i>
                                {% elseif category == 'Solidoume' %}<i class="fa fa-users"></i>
                                {% elseif category == 'Flux' %}<i class="fa fa-exchange"></i>
                                {% elseif category == 'Cashing' %}<i class="fa fa-money"></i>
                                {% else %}<i class="fa fa-file-text"></i>{% endif %}
                                {{ category }} ({{ categoryTemplates|length }})
                            </h4>
                        </div>
                        <div class="box-body no-padding">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Nom du template</th>
                                        <th style="width: 120px;">Statut</th>
                                        <th style="width: 200px;">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for template in categoryTemplates %}
                                    <tr>
                                        <td>
                                            <strong>{{ template.name }}</strong><br>
                                            <small class="text-muted">{{ template.path }}</small>
                                        </td>
                                        <td>
                                            {% if template.isCustomized %}
                                                <span class="label label-success"><i class="fa fa-check"></i> Personnalisé</span>
                                            {% else %}
                                                <span class="label label-default">Par défaut</span>
                                            {% endif %}
                                        </td>
                                        <td>
                                            <a href="{{ path('admin_email_template_show', {id: template.id}) }}" class="btn btn-sm btn-info" title="Voir"><i class="fa fa-eye"></i></a>
                                            <a href="{{ path('admin_email_template_edit', {id: template.id}) }}" class="btn btn-sm btn-primary" title="Modifier"><i class="fa fa-edit"></i></a>
                                            {% if template.isCustomized %}
                                            <a href="{{ path('admin_email_template_reset', {id: template.id}) }}" class="btn btn-sm btn-warning" title="Réinitialiser"><i class="fa fa-undo"></i></a>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    {% else %}
                    <div class="alert alert-warning"><i class="fa fa-exclamation-triangle"></i> Aucun template d'email trouvé.</div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}