<?php

declare(strict_types=1);

if (session_status() !== PHP_SESSION_ACTIVE) {
    session_start();
}

require_once __DIR__ . '/../app-support.php';

if (($_SERVER['REQUEST_METHOD'] ?? 'GET') === 'POST') {
    app_logout();
    app_flash('Du wurdest erfolgreich abgemeldet.', 'success');
    app_redirect('/login/');
}

$auth = app_auth_user();

?><!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Die Kaffeeliste - Abmelden</title>
    <style>
        :root{--bg:#f4efe6;--card:#fffaf3;--ink:#24160e;--muted:#675546;--brand:#0c6b66;--line:rgba(36,22,14,.12);--shadow:0 24px 54px rgba(57,35,22,.11);--radius:24px}
        *{box-sizing:border-box}
        body{margin:0;font-family:"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf8f2 0%,var(--bg) 100%)}
        .shell{width:min(900px,calc(100vw - 32px));margin:40px auto}
        .card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}
        .eyebrow{display:inline-block;margin-bottom:12px;color:#a34b12;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
        h1,h2{font-family:Georgia,serif;margin:0 0 12px}
        p{margin:0;color:var(--muted);line-height:1.65}
        .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
        .button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer;background:linear-gradient(135deg,var(--brand),#084d49);color:#fff}
        .button.secondary{background:transparent;color:var(--brand);border:1px solid rgba(12,107,102,.18)}
        .note{margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(12,107,102,.08);border:1px solid rgba(12,107,102,.12);color:#134e4a}
        .stack{display:grid;gap:12px;margin-top:18px}
        .chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(12,107,102,.1);color:#134e4a;font-weight:700;font-size:.86rem}
    </style>
</head>
<body>
    <main class="shell">
        <section class="card">
            <div class="eyebrow">Abmeldung</div>
            <h1><?= $auth !== null ? 'Sicher abmelden' : 'Bereits abgemeldet' ?></h1>
            <p>
                <?= $auth !== null
                    ? 'Die Abmeldung entfernt den aktiven Sitzungszustand. Die lokale Anmeldung und ADFS/OIDC bleiben danach weiterhin als Einstieg verfuegbar.'
                    : 'Es ist kein aktiver Login mehr vorhanden. Du kannst direkt zur zentralen Anmeldung zurueckkehren.' ?>
            </p>

            <div class="stack">
                <span class="chip">Lokale Anmeldung bleibt Pflicht</span>
                <span class="chip">ADFS/OIDC als Zusatzoption</span>
                <span class="chip">Email-Mapping und Klaerfall bleiben aktiv</span>
            </div>

            <div class="note">
                Wenn du in mehreren Tenants arbeitest oder ein externer Provider nicht erreichbar ist, kannst du dich weiterhin mit dem lokalen Konto anmelden.
            </div>

            <div class="actions">
                <form method="post" action="/logout/">
                    <button type="submit" class="button"><?= $auth !== null ? 'Jetzt abmelden' : 'Nochmal abmelden' ?></button>
                </form>
                <a class="button secondary" href="/login/">Zur zentralen Anmeldung</a>
            </div>
        </section>
    </main>
</body>
</html>
