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

{% block title %}Configuración SMTP{% endblock %}

{% block page_title %}Configuración SMTP{% endblock %}

{% block body %}
<div class="admin-section-row" style="display: flex; gap: 2rem; align-items: flex-start;">
    <div class="admin-card" style="flex: 2;">
        <div class="admin-card-header">
            <h2 class="admin-card-title">Ajustes del servidor de correo</h2>
        </div>
        <div class="admin-card-body" style="padding: 1.5rem;">
            {{ form_start(form) }}
                <div class="admin-form-group" style="margin-bottom: 1rem;">
                    {{ form_label(form.host) }}
                    {{ form_widget(form.host, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                    {{ form_errors(form.host) }}
                </div>
                
                <div style="display: flex; gap: 1rem; margin-bottom: 1rem;">
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.puerto) }}
                            {{ form_widget(form.puerto, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.puerto) }}
                        </div>
                    </div>
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.cifrado) }}
                            {{ form_widget(form.cifrado, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.cifrado) }}
                        </div>
                    </div>
                </div>

                <div style="display: flex; gap: 1rem; margin-bottom: 1rem;">
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.usuario) }}
                            {{ form_widget(form.usuario, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.usuario) }}
                        </div>
                    </div>
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.password) }}
                            {{ form_widget(form.password, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.password) }}
                        </div>
                    </div>
                </div>

                <div style="display: flex; gap: 1rem; margin-bottom: 1rem;">
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.emailRemitente) }}
                            {{ form_widget(form.emailRemitente, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.emailRemitente) }}
                        </div>
                    </div>
                    <div style="flex: 1;">
                        <div class="admin-form-group">
                            {{ form_label(form.nombreRemitente) }}
                            {{ form_widget(form.nombreRemitente, {'attr': {'class': 'admin-input', 'style': 'width: 100%'}}) }}
                            {{ form_errors(form.nombreRemitente) }}
                        </div>
                    </div>
                </div>

                <div style="margin-top: 1.5rem;">
                    <button type="submit" class="btn btn-primary">Guardar configuración</button>
                </div>
            {{ form_end(form) }}
        </div>
    </div>

    <div class="admin-card" style="flex: 1;">
        <div class="admin-card-header">
            <h2 class="admin-card-title">Probar envío</h2>
        </div>
        <div class="admin-card-body" style="padding: 1.5rem;">
            <p class="admin-muted" style="margin-bottom: 1rem;">Envía un correo de prueba a tu propia dirección ({{ app.user.email }}) para verificar que la configuración es correcta.</p>
            
            <form method="post" action="{{ path('app_admin_configuracion_smtp_test') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('test-mail') }}">
                <button type="submit" class="btn btn-secondary" style="width: 100%" {% if not configuracion.id %}disabled title="Guarda la configuración primero"{% endif %}>
                    Enviar correo de prueba
                </button>
            </form>
            
            <div style="margin-top: 1.5rem; padding: 1rem; background: rgba(0,0,0,0.05); border-radius: 4px;">
                <small>
                    <strong>Nota:</strong> Si usas Gmail, recuerda que es posible que necesites una "Contraseña de aplicación" si tienes activada la verificación en dos pasos.
                </small>
            </div>
        </div>
    </div>
</div>
{% endblock %}