{{define "settings_notifications"}}
{{template "layout_start" .}}

<div class="page-header">
    <h2>{{T "settings_notifications.beallitasok_ertesitesek"}}</h2>
</div>

<!-- Section C: Notification Preferences -->
<div class="settings-card">
    <h3>{{T "settings_notifications.ertesitesek"}}</h3>
    {{if .HubEnabled}}
        {{if .NotificationSuccess}}<div class="alert alert-info">{{.NotificationSuccess}}</div>{{end}}
        {{if .NotificationError}}<div class="alert alert-error">{{.NotificationError}}</div>{{end}}
        <form method="POST" action="/settings/notifications">
            {{.CSRFField}}{{if .NotificationClearConfirm}}
            <div class="alert alert-warning" id="notification-clear-warning">
                <p>{{T "settings_notifications.clear_warning"}}</p>
                <button type="submit" name="confirm_clear" value="1" class="btn btn-danger">{{T "settings_notifications.clear_confirm"}}</button>
            </div>{{end}}
            <div class="form-group">
                <label for="notification_email">{{T "settings_notifications.e_mail_cim"}}</label>
                <input type="email" id="notification_email" name="notification_email"
                       value="{{with .NotificationPrefs}}{{.Email}}{{end}}"
                       placeholder="{{T "settings_notifications.pelda_email"}}" class="form-control">
            </div>
            <div class="form-group">
                <label>{{T "settings_notifications.groups_label"}}</label>
                {{with .NotificationPrefs}}{{$st := .GroupState "machine"}}
                <div class="notif-group">
                    <input type="hidden" name="group_machine_shown" value="{{$st}}">
                    <label class="toggle">
                        <input type="checkbox" name="group_machine" {{if eq $st "on"}}checked{{end}}>
                        <span class="toggle-label">{{T "settings_notifications.group_machine"}}</span>{{if eq $st "custom"}}
                        <span class="badge badge-neutral">{{T "settings_notifications.group_custom"}}</span>{{end}}
                    </label>
                    <span class="form-hint">{{T "settings_notifications.group_machine_desc"}}</span>{{if eq $st "custom"}}
                    <span class="form-hint">{{T "settings_notifications.group_custom_hint"}} <a href="#notif-details">{{T "settings_notifications.reszletek"}}</a></span>{{end}}
                </div>
                {{end}}
                {{with .NotificationPrefs}}{{$st := .GroupState "apps"}}
                <div class="notif-group">
                    <input type="hidden" name="group_apps_shown" value="{{$st}}">
                    <label class="toggle">
                        <input type="checkbox" name="group_apps" {{if eq $st "on"}}checked{{end}}>
                        <span class="toggle-label">{{T "settings_notifications.group_apps"}}</span>{{if eq $st "custom"}}
                        <span class="badge badge-neutral">{{T "settings_notifications.group_custom"}}</span>{{end}}
                    </label>
                    <span class="form-hint">{{T "settings_notifications.group_apps_desc"}}</span>{{if eq $st "custom"}}
                    <span class="form-hint">{{T "settings_notifications.group_custom_hint"}} <a href="#notif-details">{{T "settings_notifications.reszletek"}}</a></span>{{end}}
                </div>
                {{end}}
                {{with .NotificationPrefs}}{{$st := .GroupState "handled"}}
                <div class="notif-group">
                    <input type="hidden" name="group_handled_shown" value="{{$st}}">
                    <label class="toggle">
                        <input type="checkbox" name="group_handled" {{if eq $st "on"}}checked{{end}}>
                        <span class="toggle-label">{{T "settings_notifications.group_handled"}}</span>{{if eq $st "custom"}}
                        <span class="badge badge-neutral">{{T "settings_notifications.group_custom"}}</span>{{end}}
                    </label>
                    <span class="form-hint">{{T "settings_notifications.group_handled_desc"}}</span>{{if eq $st "custom"}}
                    <span class="form-hint">{{T "settings_notifications.group_custom_hint"}} <a href="#notif-details">{{T "settings_notifications.reszletek"}}</a></span>{{end}}
                </div>
                {{end}}
            </div>
            <details class="notif-details" id="notif-details">
                <summary>{{T "settings_notifications.reszletek"}}</summary>
                <p class="form-hint">{{T "settings_notifications.reszletek_hint"}}</p>
                <div class="form-group">
                    <label>{{T "settings_notifications.group_machine"}}</label>
                    <div class="checkbox-group">
                        <label class="toggle">
                            <input type="checkbox" name="event_storage_disconnected" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "storage_disconnected"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.meghajto_levalasztva"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_storage_reconnected" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "storage_reconnected"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.meghajto_ujra_csatlakoztatva"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_disk_warning" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "disk_warning"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.lemez_beteloben_90_felett"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_disk_critical" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "disk_critical"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.lemez_megtelt_vagy_meghibasodott"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_offbox_enlarge_blocked" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "offbox_enlarge_blocked"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.tavoli_mentes_tarhelykeret_figyelmeztete"}}</span>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label>{{T "settings_notifications.group_apps"}}</label>
                    <div class="checkbox-group">
                        <label class="toggle">
                            <input type="checkbox" name="event_app_stopped_unhealthy" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "app_stopped_unhealthy"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.app_stopped_unhealthy"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_app_start_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "app_start_failed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.alkalmazas_nem_fut"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_app_update_held" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "app_update_held"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.app_update_held"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_app_update_undone" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "app_update_undone"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.app_update_undone"}}</span>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label>{{T "settings_notifications.group_handled"}}</label>
                    <div class="checkbox-group">
                        <label class="toggle">
                            <input type="checkbox" name="event_backup_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "backup_failed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.biztonsagi_mentes_sikertelen"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_db_dump_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "db_dump_failed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.adatbazis_mentes_sikertelen"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_backup_integrity_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "backup_integrity_failed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.mentes_serules_eszlelve"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_crossdrive_failed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "crossdrive_failed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.masodlagos_mentes_sikertelen"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_expected_backup_missed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "expected_backup_missed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.elvart_fajlmentes_elmaradt"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_expected_dbdump_missed" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "expected_dbdump_missed"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.elvart_adatbazismentes_elmaradt"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_node_down" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "node_down"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.szerver_nem_elerheto"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_health_critical" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "health_critical"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.rendszer_allapot_kritikus"}}</span>
                        </label>
                        <label class="toggle">
                            <input type="checkbox" name="event_health_recovered" {{with .NotificationPrefs}}{{range .EnabledEvents}}{{if eq . "health_recovered"}}checked{{end}}{{end}}{{end}}>
                            <span class="toggle-label">{{T "settings_notifications.rendszer_allapot_helyreallt"}}</span>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="cooldown_hours">{{T "settings_notifications.ertesitesi_szunet"}}</label>
                    <div class="form-inline">
                        <input type="number" id="cooldown_hours" name="cooldown_hours" min="1" max="168"
                               value="{{with .NotificationPrefs}}{{.CooldownHours}}{{end}}"
                               class="form-control form-control-narrow">
                        <span class="form-hint">{{T "settings_notifications.ora_azonos_problema_eseten_ennyi"}}</span>
                    </div>
                </div>
            </details>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">{{T "settings_notifications.mentes"}}</button>
                <button type="submit" formaction="/settings/notifications/test" class="btn btn-outline">{{T "settings_notifications.teszt_email_kuldese"}}</button>
            </div>
        </form>
    {{else}}
        <div class="alert alert-info">
            {{T "settings_notifications.az_ertesitesek_a_kozponti_rendszeren"}}
        </div>
    {{end}}
</div>

<!-- Section: App email (SMTP relay) -->
{{if .AppEmailAvailable}}
<div class="settings-card">
    <h3>{{T "settings_notifications.alkalmazas_email"}}</h3>
    <p class="settings-card-desc">
        {{T "settings_notifications.az_alkalmazasok_a_felhom_on"}}
    </p>
    {{if .AppEmailSuccess}}<div class="alert alert-info">{{.AppEmailSuccess}}</div>{{end}}
    {{if .AppEmailError}}<div class="alert alert-error">{{.AppEmailError}}</div>{{end}}
    <form method="POST" action="/settings/app-email">
        {{.CSRFField}}
        <div class="form-group">
            <label style="display:flex;align-items:center;gap:.5rem">
                <input type="checkbox" name="app_email_enabled" value="on" {{if .AppEmailEnabled}}checked{{end}}>
                {{T "settings_notifications.alkalmazas_email_engedelyezese"}}
            </label>
        </div>
        <div class="form-group">
            <label for="app_email_from_name">{{T "settings_notifications.felado_neve_opcionalis"}}</label>
            <input type="text" id="app_email_from_name" name="app_email_from_name"
                   value="{{.AppEmailFromName}}" placeholder="{{T "settings_notifications.pl_a_haztartas_neve"}}" class="form-control">
            <span class="form-hint">{{T "settings_notifications.ez_jelenik_meg_a_kimeno"}}</span>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{T "settings_notifications.mentes"}}</button>
        </div>
    </form>
    <p class="settings-card-desc" style="margin-top:.75rem">
        {{T "settings_notifications.bekapcsolas_utan_az_egyes_alkalmazasokna"}}
    </p>
</div>
{{end}}
{{template "layout_end" .}}
{{end}}