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

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

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <a href="{{ path('app_admin_module_email_templates') }}" class="btn btn-outline-secondary btn-sm mb-3">
            <i class="bi bi-arrow-left me-1"></i>{{ 'admin.back'|trans }}
        </a>
        <h1 class="h3 gradient-text fw-bold mb-1">{{ definition.nameTranslationKey|trans }}</h1>
        <p class="text-muted mb-0">{{ definition.descriptionTranslationKey|trans }}</p>
    </div>

    <div class="row g-4">
        <div class="col-lg-3">
            <div class="admin-card p-4">
                <h2 class="h6 fw-bold mb-3">{{ 'admin.email_templates.locale'|trans }}</h2>
                <ul class="list-unstyled mb-0">
                    {% for loc in ['de', 'en'] %}
                        <li class="mb-2">
                            <a href="{{ path('app_admin_module_email_templates_edit', { typeCode: definition.technicalCode, locale: loc }) }}"
                               class="btn btn-sm w-100 text-start {{ locale == loc ? 'btn-primary' : 'btn-outline-primary' }}">
                                {{ loc|upper }}
                            </a>
                        </li>
                    {% endfor %}
                </ul>
                <hr>
                <p class="small text-muted mb-2"><strong>{{ 'admin.email_templates.variables'|trans }}</strong></p>
                <ul class="small mb-0">
                    {% for v in definition.variableNames %}
                        <li><code>{% verbatim %}{{{% endverbatim %}{{ v }}{% verbatim %}}}{% endverbatim %}</code></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div class="col-lg-9">
            <div class="admin-card p-4 mb-4">
                <h2 class="h6 fw-bold mb-3">{{ 'admin.email_templates.content'|trans }} ({{ locale|upper }})</h2>
                {{ form_start(form) }}
                {{ form_row(form.subject) }}
                {{ form_row(form.htmlBody) }}
                {{ form_row(form.textBody) }}
                <div class="form-check mb-3">
                    {{ form_widget(form.active) }}
                    {{ form_label(form.active) }}
                </div>
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-lg me-1"></i>{{ 'admin.save'|trans }}
                </button>
                {{ form_end(form) }}
            </div>

            <div class="admin-card p-4">
                <h2 class="h6 fw-bold mb-3">{{ 'admin.email_templates.test_send'|trans }}</h2>
                <form method="post" action="{{ path('app_admin_module_email_templates_test', { typeCode: definition.technicalCode }) }}" class="row g-2 align-items-end">
                    <input type="hidden" name="_token" value="{{ csrf_token('email_template_test') }}">
                    <input type="hidden" name="locale" value="{{ locale }}">
                    <div class="col-md-8">
                        <label class="form-label" for="test_email">{{ 'admin.email_templates.test_email'|trans }}</label>
                        <input type="email" class="form-control" id="test_email" name="test_email" required placeholder="name@example.com">
                    </div>
                    <div class="col-md-4">
                        <button type="submit" class="btn btn-outline-primary w-100">
                            <i class="bi bi-send me-1"></i>{{ 'admin.email_templates.send_test'|trans }}
                        </button>
                    </div>
                </form>
                <p class="small text-muted mt-2 mb-0">{{ 'admin.email_templates.test_hint'|trans }}</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}