<?php
session_start();

$user = "test";
$pass = "test";

/* Logout */
if (isset($_GET["act"]) && $_GET["act"] === "logout") {
    $_SESSION = [];
    session_destroy();
    header("Location: logon.php");
    exit;
}

/* Login */
if (!isset($_SESSION['member'])) {

    $fehler = "";

    if ($_SERVER["REQUEST_METHOD"] === "POST") {
        $benutzer = $_POST["benutzer"] ?? "";
        $password = $_POST["password"] ?? "";

        if ($benutzer === $user && $password === $pass) {
            session_regenerate_id(true);
            $_SESSION['member'] = true;
            $_SESSION['username'] = $user;

            header("Location: logon.php");
            exit;
        } else {
            $fehler = "Die eingegebenen Zugangsdaten sind nicht korrekt.";
        }
    }
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mitglieder-Login – Wassersportverein Niederlommatzsch e.V.</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            background: #eef3f6;
            color: #333;
        }

        .login-box {
            max-width: 380px;
            margin: 70px auto;
            padding: 30px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 18px rgba(0,0,0,.15);
        }

        h1 {
            margin: 0 0 10px;
            font-size: 24px;
            color: #005bbb;
        }

        .verein {
            margin-bottom: 25px;
            color: #555;
        }

        label {
            display: block;
            margin: 15px 0 6px;
            font-weight: bold;
        }

        input[type="text"],
        input[type="password"] {
            box-sizing: border-box;
            width: 100%;
            padding: 11px;
            border: 1px solid #bbb;
            border-radius: 5px;
            font-size: 16px;
        }

        input[type="submit"] {
            width: 100%;
            margin-top: 22px;
            padding: 12px;
            border: 0;
            border-radius: 5px;
            background: #005bbb;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
        }

        input[type="submit"]:hover {
            background: #004a99;
        }

        .error {
            margin-top: 18px;
            padding: 10px;
            background: #ffe8e8;
            color: #a00000;
            border-radius: 5px;
        }
    </style>
</head>
<body>

<div class="login-box">
    <h1>Mitglieder-Login</h1>
    <div class="verein">Wassersportverein Niederlommatzsch e.V.</div>

    <form action="logon.php" method="post">
        <label for="benutzer">Benutzername</label>
        <input id="benutzer" type="text" name="benutzer" autocomplete="username" required>

        <label for="password">Passwort</label>
        <input id="password" type="password" name="password" autocomplete="current-password" required>

        <input type="submit" value="Einloggen">
    </form>

    <?php if ($fehler !== ""): ?>
        <div class="error"><?= htmlspecialchars($fehler, ENT_QUOTES, 'UTF-8') ?></div>
    <?php endif; ?>
</div>

</body>
</html>
<?php
    exit;
}

/* Geschützter Mitgliederbereich */
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mitgliederbereich – Wassersportverein Niederlommatzsch e.V.</title>
</head>
<body>

<h1>Willkommen im Mitgliederbereich</h1>

<p>Sie sind als Mitglied angemeldet.</p>

<h2>Dokumente</h2>

<p>
    <a href="Ablage/Anschreiben-Vereinsmitglied.docx">
        Anschreiben Vereinsmitglied herunterladen
    </a>
</p>

<p>
    <a href="Ablage/CCF24052016_00000.pdf">
        PDF herunterladen
    </a>
</p>

<p>
    <a href="logon.php?act=logout">Logout</a>
</p>

</body>
</html>
