{#-
SPDX-License-Identifier: Apache-2.0
SPDX-FileCopyrightText: 2025 - 2026 BMO Soluciones, S.A.
-#}
{% extends 'base.html' %}
{% from 'macros.html' import render_field, render_form_errors %}

{% block content %}
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-envelope-lock me-2"></i>{{ _('Correo y seguridad de inicio de sesión') }}</h2>
        <a href="{{ url_for('settings.index') }}" class="btn btn-secondary">{{ _('Volver') }}</a>
    </div>

    {{ render_form_errors(form) }}
    <form method="post">
        {{ form.hidden_tag() }}
        <div class="card mb-4">
            <div class="card-header"><h5 class="mb-0">{{ _('Servidor SMTP') }}</h5></div>
            <div class="card-body">
                <p class="text-muted">{{ _('La contraseña SMTP se cifra antes de guardarse y no se muestra después de almacenarla.') }}</p>
                <div class="row">
                    <div class="col-md-8">{{ render_field(form.smtp_host) }}</div>
                    <div class="col-md-4">{{ render_field(form.smtp_port) }}</div>
                </div>
                <div class="row">
                    <div class="col-md-6">{{ render_field(form.smtp_username) }}</div>
                    <div class="col-md-6">{{ render_field(form.smtp_password) }}</div>
                </div>
                <div class="row">
                    <div class="col-md-6">{{ render_field(form.sender_email) }}</div>
                    <div class="col-md-6">{{ render_field(form.sender_name) }}</div>
                </div>
                <div class="row">
                    <div class="col-md-3">{{ render_field(form.smtp_use_tls) }}</div>
                    <div class="col-md-3">{{ render_field(form.smtp_use_ssl) }}</div>
                    <div class="col-md-6">{{ render_field(form.activo) }}</div>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-header"><h5 class="mb-0">{{ _('Protección de acceso') }}</h5></div>
            <div class="card-body">
                <div class="form-check mb-3">
                    {{ form.proteger_inicio_sesion_origen_desconocido(class="form-check-input") }}
                    <label class="form-check-label" for="{{ form.proteger_inicio_sesion_origen_desconocido.id }}">
                        {{ form.proteger_inicio_sesion_origen_desconocido.label.text }}
                    </label>
                    <div class="form-text">{{ _('Solicita un código de correo únicamente cuando el usuario tiene correo y el navegador no está registrado.') }}</div>
                </div>
                <div class="row">
                    <div class="col-md-6">{{ render_field(form.codigo_login_expira_minutos) }}</div>
                    <div class="col-md-6">{{ render_field(form.navegador_confiable_dias) }}</div>
                </div>
                <div class="alert alert-info mb-0">
                    {{ _('Esta protección utiliza códigos de un solo uso enviados por correo; no habilita autenticación TOTP ni otro segundo factor permanente.') }}
                </div>
            </div>
        </div>

        {{ form.submit(class="btn btn-primary") }}
        <a href="{{ url_for('settings.index') }}" class="btn btn-secondary">{{ _('Cancelar') }}</a>
    </form>
</div>
{% endblock %}