{% extends "admin/base.html" %}
{% block title %}Mail-Konfiguration{% endblock %}

{% block content %}
<div class="mb-4">
    <h1><i class="bi bi-envelope me-2"></i>Mail-Server Konfiguration</h1>
    <p class="text-muted">SMTP-Einstellungen fuer E-Mail-Versand</p>
</div>

<div class="row">
    <div class="col-lg-8">
        <form method="POST" action="{{ url_for('admin.settings_mail') }}">
            <!-- SMTP Settings -->
            <div class="card mb-4">
                <div class="card-header">
                    <i class="bi bi-server me-2"></i>
                    SMTP-Einstellungen
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-8 mb-3">
                            <label for="mail_server" class="form-label">SMTP-Server</label>
                            <input type="text" class="form-control" id="mail_server" name="mail_server"
                                   value="{{ config.mail_server }}" placeholder="smtp.example.com">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="mail_port" class="form-label">Port</label>
                            <input type="number" class="form-control" id="mail_port" name="mail_port"
                                   value="{{ config.mail_port }}" min="1" max="65535">
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="mail_username" class="form-label">Benutzername</label>
                            <input type="text" class="form-control" id="mail_username" name="mail_username"
                                   value="{{ config.mail_username }}" autocomplete="off">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="mail_password" class="form-label">Passwort</label>
                            <input type="password" class="form-control" id="mail_password" name="mail_password"
                                   placeholder="{% if config.mail_password %}(gespeichert){% else %}Passwort eingeben{% endif %}"
                                   autocomplete="new-password">
                            <div class="form-text">Leer lassen um bestehendes Passwort beizubehalten</div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="mail_use_tls"
                                   id="mail_use_tls" {% if config.mail_use_tls %}checked{% endif %}>
                            <label class="form-check-label" for="mail_use_tls">TLS verwenden (STARTTLS)</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" name="mail_use_ssl"
                                   id="mail_use_ssl" {% if config.mail_use_ssl %}checked{% endif %}>
                            <label class="form-check-label" for="mail_use_ssl">SSL verwenden</label>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sender Settings -->
            <div class="card mb-4">
                <div class="card-header">
                    <i class="bi bi-person-badge me-2"></i>
                    Absender
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="mail_default_sender" class="form-label">Absender E-Mail</label>
                            <input type="email" class="form-control" id="mail_default_sender" name="mail_default_sender"
                                   value="{{ config.mail_default_sender }}" placeholder="portal@example.com">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="mail_default_sender_name" class="form-label">Absender Name</label>
                            <input type="text" class="form-control" id="mail_default_sender_name" name="mail_default_sender_name"
                                   value="{{ config.mail_default_sender_name }}">
                        </div>
                    </div>
                </div>
            </div>

            <button type="submit" class="btn btn-danger">
                <i class="bi bi-check-lg me-1"></i>
                Speichern
            </button>
        </form>
    </div>

    <div class="col-lg-4">
        <!-- Test Email -->
        <div class="card mb-4">
            <div class="card-header">
                <i class="bi bi-send me-2"></i>
                Test-E-Mail
            </div>
            <div class="card-body">
                <form method="POST" action="{{ url_for('admin.settings_mail_test') }}">
                    <div class="mb-3">
                        <label for="test_email" class="form-label">Empfaenger</label>
                        <input type="email" class="form-control" id="test_email" name="test_email"
                               placeholder="test@example.com" required>
                    </div>
                    <button type="submit" class="btn btn-outline-info w-100"
                            {% if not config.mail_server %}disabled{% endif %}>
                        <i class="bi bi-envelope-arrow-up me-1"></i>
                        Test senden
                    </button>
                    {% if not config.mail_server %}
                    <div class="form-text text-warning mt-2">
                        <i class="bi bi-exclamation-triangle me-1"></i>
                        Zuerst SMTP-Server konfigurieren
                    </div>
                    {% endif %}
                </form>
            </div>
        </div>

        <!-- Common SMTP Settings -->
        <div class="card">
            <div class="card-header">
                <i class="bi bi-info-circle me-2"></i>
                Haeufige Einstellungen
            </div>
            <div class="card-body small">
                <p class="mb-2"><strong>Gmail:</strong></p>
                <ul class="mb-3">
                    <li>Server: smtp.gmail.com</li>
                    <li>Port: 587 (TLS) oder 465 (SSL)</li>
                </ul>
                <p class="mb-2"><strong>Office 365:</strong></p>
                <ul class="mb-3">
                    <li>Server: smtp.office365.com</li>
                    <li>Port: 587 (TLS)</li>
                </ul>
                <p class="mb-2"><strong>All-Inkl:</strong></p>
                <ul class="mb-0">
                    <li>Server: smtp.all-inkl.de</li>
                    <li>Port: 587 (TLS)</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}