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

{% block title %}E-Mail-Konfiguration für Alarm-Benachrichtigungen{% endblock %}

{% block content %}
<div class="page-header">
    <div class="breadcrumb">
        <a href="{{ path('app_dashboard') }}">Home</a>
        <i class="fas fa-chevron-right"></i>
        <span>E-Mail-Konfiguration</span>
    </div>
    <div class="page-title">
        <i class="fas fa-envelope"></i>
        <h2>E-Mail-Konfiguration für Alarm-Benachrichtigungen</h2>
    </div>
</div>

<div class="d-none" data-test-url="{{ path('app_alarm_email_config_test') }}" aria-hidden="true"></div>

<form method="post" class="form-max">
    <div class="status-card">
        <div class="card-header">
            <h3>E-Mail-Einstellungen</h3>
        </div>
        <div class="card-body">
            <div class="form-group">
                <label>Absender-E-Mail *</label>
                <input type="email" name="from_email" value="{{ config.fromEmail }}" required class="form-input" placeholder="alerts@example.com">
            </div>
            <div class="form-group">
                <label>Absender-Name *</label>
                <input type="text" name="from_name" value="{{ config.fromName }}" required class="form-input" placeholder="Fleet Monitoring System">
            </div>
            <div class="form-group">
                <label>Empfänger-E-Mail-Adressen *</label>
                <textarea name="recipients" rows="5" required class="form-input" placeholder="email1@example.com&#10;email2@example.com">{{ config.recipients|join('&#10;') }}</textarea>
                <p class="text-muted font-sm form-help">Eine E-Mail-Adresse pro Zeile oder kommagetrennt</p>
            </div>
            <div class="info-box info-box--blue">
                <label class="checkbox-label">
                    <input type="checkbox" name="enabled" value="1" {{ config.enabled ? 'checked' : '' }}>
                    <span class="font-weight-500">E-Mail-Benachrichtigungen aktivieren</span>
                </label>
                <p class="text-muted font-sm checkbox-help">Wenn aktiviert, werden bei Alarmen automatisch E-Mails an die konfigurierten Empfänger gesendet.</p>
            </div>
            <div class="info-box info-box--warning">
                <p><i class="fas fa-info-circle"></i> <strong>Hinweis:</strong> E-Mails werden asynchron über Symfony Messenger versendet. Stellen Sie sicher, dass der Messenger-Worker läuft: <code>php bin/console messenger:consume async</code></p>
            </div>
        </div>
    </div>
    <div class="form-actions-inline">
        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Speichern</button>
        <button type="button" id="test-email-btn" class="btn btn-secondary"><i class="fas fa-paper-plane"></i> Test-E-Mail senden</button>
        <a href="{{ path('app_dashboard') }}" class="btn btn-secondary"><i class="fas fa-times"></i> Abbrechen</a>
    </div>
</form>

<div id="test-result" class="test-result"></div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/alarm-email-config.js') }}?v={{ 'now'|date('YmdHis') }}"></script>
{% endblock %}