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

{% block title %}Templates Flux{% endblock %}

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

{% block stylesheets %}
{{ parent() }}
<style>
    .flux-selector-box { margin-bottom: 20px; }
    .flux-selector-box .form-inline .form-group { margin-right: 15px; margin-bottom: 10px; }
    .flux-selector-box select { min-width: 180px; }
    .badge-a-creer { background-color: #9b59b6; }
    .badge-par-defaut { background-color: #95a5a6; }
    .badge-personnalise { background-color: #27ae60; }
</style>
{% 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-list"></i> Tous les templates
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</section>

<section class="content">

    {# ─── Sélecteur de template ─────────────────────────────────────────────── #}
    <div class="row">
        <div class="col-xs-12">
            <div class="box box-primary flux-selector-box">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        <i class="fa fa-exchange"></i> Éditeur de Templates Flux
                    </h3>
                </div>
                <div class="box-body">
                    <div class="alert alert-info" style="margin-bottom: 15px;">
                        <i class="fa fa-info-circle"></i>
                        <strong>Comment ça marche :</strong>
                        Choisissez un <strong>parenttype</strong> (catégorie générale), un <strong>type spécifique</strong> (optionnel),
                        et une <strong>direction</strong> (expéditeur ou destinataire) pour créer ou modifier le template email correspondant.
                        Le type spécifique <em>surcharge</em> le template générique.
                    </div>

                    {# Form GET pour charger le template sélectionné #}
                    {# data-sonata-select2="false" empêche Sonata Admin d'appliquer Select2 sur nos selects, #}
                    {# ce qui permettrait le filtrage dynamique des options avec du JS standard.            #}
                    <form method="get" action="{{ path('admin_email_template_flux') }}" id="flux-selector-form">
                        <div class="form-inline">
                            <div class="form-group">
                                <label for="sel-parenttype"><strong>Parenttype :</strong></label>
                                <select id="sel-parenttype" name="parenttype" class="form-control"
                                        data-sonata-select2="false"
                                        data-types-json="{{ fluxTypesMap|json_encode }}">
                                    <option value="">— Choisir —</option>
                                    {% for val, label in parenttypes %}
                                        <option value="{{ val }}">{{ label }}</option>
                                    {% endfor %}
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="sel-type"><strong>Type spécifique :</strong></label>
                                <select id="sel-type" name="type" class="form-control"
                                        data-sonata-select2="false">
                                    <option value="">(générique)</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <label for="sel-direction"><strong>Direction :</strong></label>
                                {# exp_validate et des_validate ne s'affichent que pour le parenttype "achat" #}
                                <select id="sel-direction" name="direction" class="form-control"
                                        data-sonata-select2="false"
                                        data-validate-parenttypes='["achat"]'>
                                    <option value="">— Choisir —</option>
                                    {% for val, label in directions %}
                                        {% if val not in ['exp_validate', 'des_validate'] %}
                                            <option value="{{ val }}">{{ label }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </div>

                            <div class="form-group" style="padding-top: 2px;">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fa fa-search"></i> Ouvrir le template
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {# ─── Liste des templates existants ────────────────────────────────────── #}
    {% if existingFluxTemplates is defined and existingFluxTemplates|length > 0 %}
    <div class="row">
        <div class="col-xs-12">
            <div class="box box-default">
                <div class="box-header with-border" data-widget="collapse" style="cursor: pointer;">
                    <h3 class="box-title">
                        <i class="fa fa-list"></i> Templates flux existants ({{ existingFluxTemplates|length }})
                    </h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body" style="padding: 0;">
                    <table class="table table-striped table-hover" style="margin-bottom: 0;">
                        <thead>
                            <tr>
                                <th>Template</th>
                                <th>Parenttype</th>
                                <th>Type spécifique</th>
                                <th>Direction</th>
                                <th style="width: 110px;">Statut</th>
                                <th style="width: 130px;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for tpl in existingFluxTemplates %}
                            <tr>
                                <td>
                                    <code style="font-size: 12px;">{{ tpl.path }}</code>
                                </td>
                                <td>{{ tpl.parenttypeLabel }}</td>
                                <td>
                                    {% if tpl.typeLabel %}{{ tpl.typeLabel }}{% else %}<em class="text-muted">(générique)</em>{% endif %}
                                </td>
                                <td>
                                    {% if tpl.directionLabel %}{{ tpl.directionLabel }}{% else %}<em class="text-muted">—</em>{% endif %}
                                </td>
                                <td>
                                    {% if tpl.isBase %}
                                        <span class="label label-primary"><i class="fa fa-home"></i> Base</span>
                                    {% elseif tpl.isCustomized %}
                                        <span class="label label-success"><i class="fa fa-check"></i> Personnalisé</span>
                                    {% else %}
                                        <span class="label label-default"><i class="fa fa-file-o"></i> Par défaut</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if not tpl.isBase %}
                                    <a href="{{ path('admin_email_template_flux', {parenttype: tpl.parenttype, type: tpl.type, direction: tpl.direction, mode: 'show'}) }}"
                                       class="btn btn-sm btn-info"
                                       title="Voir"><i class="fa fa-eye"></i></a>
                                    <a href="{{ path('admin_email_template_flux', {parenttype: tpl.parenttype, type: tpl.type, direction: tpl.direction, mode: 'edit'}) }}"
                                       class="btn btn-sm btn-primary"
                                       title="Modifier"><i class="fa fa-edit"></i></a>
                                    {% else %}
                                    <span class="text-muted" style="font-size: 11px;">
                                        <i class="fa fa-info-circle"></i> Template de base
                                    </span>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% endif %}


</section>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('build/admin-flux-template-editor.js') }}"></script>
{% endblock %}