{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.modules_information.email_templates'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
            <div>
                <h1 class="h3 gradient-text fw-bold mb-1">
                    <i class="bi bi-envelope-at me-2"></i>{{ 'admin.modules_information.email_templates'|trans }}
                </h1>
                <p class="text-muted mb-0">{{ 'admin.email_templates.intro'|trans }}</p>
            </div>
            <a href="{{ path('app_admin_module_email_templates_log') }}" class="btn btn-outline-secondary">
                <i class="bi bi-clock-history me-1"></i>{{ 'admin.email_templates.log'|trans }}
            </a>
        </div>
    </div>

    <div class="row g-3">
        {% for type in types %}
            <div class="col-md-6 col-xl-4">
                <div class="admin-card p-4 h-100">
                    <h2 class="h6 fw-bold mb-2">{{ type.nameTranslationKey|trans }}</h2>
                    <p class="small text-muted mb-3">{{ type.descriptionTranslationKey|trans }}</p>
                    {% if type.pluginKey %}
                        <p class="small mb-2"><span class="badge bg-secondary">{{ type.pluginKey }}</span></p>
                    {% endif %}
                    <p class="small text-muted mb-3">
                        <strong>{{ 'admin.email_templates.variables'|trans }}:</strong>
                        {{ type.variableNames|join(', ') }}
                    </p>
                    <a href="{{ path('app_admin_module_email_templates_edit', { typeCode: type.technicalCode }) }}" class="btn btn-primary btn-sm">
                        {{ 'admin.email_templates.edit'|trans }}
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}