<!doctype html>
<html lang="ms">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Log Masuk Admin</title>
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
    <style>
        :root{
            --bg:radial-gradient(circle at top,#1d4ed8,#020617);
            --panel:#020617;
            --accent:#38bdf8;
            --accent-soft:rgba(56,189,248,.1);
            --muted:#9ca3af;
        }
        *{box-sizing:border-box}
        html,body{height:100%}
        body{
            margin:0;
            font-family:Figtree,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
            background:var(--bg);
            color:#e5e7eb;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
        }
        .shell{
            width:100%;
            max-width:420px;
            background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 55%), rgba(15,23,42,.98);
            border-radius:24px;
            border:1px solid rgba(148,163,184,.45);
            box-shadow:0 24px 80px rgba(15,23,42,.95);
            padding:26px 26px 24px;
            position:relative;
            overflow:hidden;
        }
        .shell::before{
            content:"";
            position:absolute;
            inset:-40%;
            background:radial-gradient(circle at 0 0,rgba(56,189,248,.25),transparent 60%);
            opacity:.35;
            pointer-events:none;
        }
        .shell-inner{position:relative;z-index:1}
        .logo-pill{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:4px 10px;
            border-radius:999px;
            background:rgba(15,23,42,.9);
            border:1px solid rgba(148,163,184,.6);
            margin-bottom:12px;
        }
        .logo-pill-badge{
            width:26px;height:26px;
            border-radius:999px;
            display:grid;
            place-items:center;
            font-size:11px;
            font-weight:800;
            background:radial-gradient(circle at 0 0,#38bdf8,#0ea5e9);
            color:#e0f2fe;
        }
        .logo-pill-text{
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:.16em;
            color:var(--muted);
        }
        h1{
            margin:0 0 4px;
            font-size:22px;
        }
        p.subtitle{
            margin:0 0 18px;
            color:var(--muted);
            font-size:13px;
        }
        form{display:grid;gap:14px;margin-top:4px}
        label{
            font-size:13px;
            display:block;
            margin-bottom:4px;
        }
        .field{
            display:flex;
            flex-direction:column;
        }
        input[type="email"],
        input[type="password"]{
            width:100%;
            padding:10px 11px;
            border-radius:12px;
            border:1px solid rgba(148,163,184,.7);
            background:rgba(15,23,42,.95);
            color:#e5e7eb;
            font-size:14px;
            outline:none;
            transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
        }
        input[type="email"]:focus,
        input[type="password"]:focus{
            border-color:var(--accent);
            box-shadow:0 0 0 1px rgba(56,189,248,.4);
            background:#020617;
        }
        .error{
            margin-top:4px;
            font-size:12px;
            color:#fca5a5;
        }
        .actions{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-top:4px;
        }
        button[type="submit"]{
            flex:1;
            border:none;
            border-radius:999px;
            padding:10px 14px;
            background:linear-gradient(135deg,#38bdf8,#0ea5e9);
            color:#0f172a;
            font-weight:600;
            cursor:pointer;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            box-shadow:0 18px 45px rgba(8,47,73,.9);
            transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
        }
        button[type="submit"]:hover{
            transform:translateY(-1px);
            filter:brightness(1.02);
            box-shadow:0 20px 55px rgba(8,47,73,1);
        }
        button[type="submit"]:active{
            transform:translateY(0);
            box-shadow:0 12px 30px rgba(8,47,73,.9);
        }
        .back-link{
            font-size:12px;
            color:var(--muted);
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            gap:4px;
        }
        .back-link:hover{color:#e5e7eb}
        .help{
            margin-top:12px;
            font-size:11px;
            color:var(--muted);
            text-align:left;
        }
        .help code{
            font-size:11px;
            padding:2px 6px;
            border-radius:999px;
            background:rgba(15,23,42,1);
            border:1px solid rgba(148,163,184,.6);
            color:#e5e7eb;
        }
    </style>
</head>
<body>
<div class="shell">
    <div class="shell-inner">
        <div class="logo-pill">
            <div class="logo-pill-badge">ADM</div>
            <div class="logo-pill-text">Panel kawalan pentadbir</div>
        </div>

        <h1>Log Masuk Admin</h1>
        <p class="subtitle">Masukkan emel dan kata laluan untuk akses modul kemaskini data.</p>

        <?php if($errors->any()): ?>
            <div class="error">
                <?php echo e($errors->first()); ?>

            </div>
        <?php endif; ?>

        <form method="post" action="<?php echo e(url('/admin/login')); ?>">
            <?php echo csrf_field(); ?>
            <div class="field">
                <label for="email">Emel</label>
                <input
                    type="email"
                    id="email"
                    name="email"
                    value="<?php echo e(old('email', 'admin@example.com')); ?>"
                    autocomplete="username"
                    required
                >
            </div>
            <div class="field">
                <label for="password">Kata Laluan</label>
                <input
                    type="password"
                    id="password"
                    name="password"
                    autocomplete="current-password"
                    required
                    value="password"
                >
            </div>

            <div class="actions">
                <a href="<?php echo e(url('/')); ?>" class="back-link">
                    <span>&larr;</span> Dashboard
                </a>
                <a href="<?php echo e(route('officer.login')); ?>" class="back-link">
                    Login Officer &rarr;
                </a>
                <button type="submit">
                    Masuk
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                        <path d="M5 12h14M13 6l6 6-6 6" stroke="#0f172a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
            </div>
        </form>

       
    </div>
</div>
</body>
</html>

<?php /**PATH C:\xampp\htdocs\dash\resources\views/admin/login.blade.php ENDPATH**/ ?>