<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Absensi</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background: #0f172a; color: #e5e7eb; }
        header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; background:#111827; border-bottom:1px solid rgba(148,163,184,0.18); }
        .brand { font-weight:700; letter-spacing:-0.01em; }
        main { padding: 20px; }
        .card { background:#0b1220; border:1px solid rgba(148,163,184,0.18); border-radius:14px; padding:18px; }
        button { padding: 10px 14px; background: linear-gradient(135deg, #2563eb, #06b6d4); border: none; border-radius: 10px; color: white; font-weight: 600; cursor: pointer; }
        form { margin: 0; }
    </style>
</head>
<body>
    <header>
        <div class="brand">Absensi - Dashboard</div>
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit">Logout</button>
        </form>
    </header>
    <main>
        <div class="card">
            <h2 style="margin-top:0">Selamat datang, {{ auth()->user()->name }}!</h2>
            <p>Anda berhasil login. Halaman ini dilindungi oleh middleware <code>auth</code>.</p>
        </div>
    </main>
</body>
</html>
