<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Login — MUVR Labs</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        body { font-family:'Inter',system-ui,sans-serif; background:linear-gradient(135deg,#0a0f1e 0%,#0d1b3e 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; }
        .login-card { background:#fff; border-radius:14px; padding:2.5rem; width:100%; max-width:400px; box-shadow:0 20px 60px rgba(0,0,0,.4); }
        .brand { font-size:1.3rem; font-weight:800; color:#0f172a; }
        .brand span { color:#E5943C; }
        .form-label { font-size:.82rem; font-weight:600; color:#374151; }
        .form-control { font-size:.85rem; border:1px solid #e2e8f0; border-radius:7px; padding:.6rem .9rem; }
        .form-control:focus { border-color:#E5943C; box-shadow:0 0 0 .2rem rgba(229,148,60,.18); }
        .btn-login { background:#E5943C; color:#fff; font-weight:700; border:none; border-radius:7px; padding:.65rem; font-size:.9rem; width:100%; }
        .btn-login:hover { background:#d4832e; color:#fff; }
    </style>
</head>
<body>
<div class="login-card">
    <div class="text-center mb-4">
        <div class="brand mb-1"><span>MUVR</span> Labs</div>
        <div style="font-size:.78rem;color:#64748b">Admin Panel</div>
    </div>

    @if(session('error'))
        <div class="alert alert-danger py-2 mb-3" style="font-size:.82rem">{{ session('error') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger py-2 mb-3" style="font-size:.82rem">{{ $errors->first() }}</div>
    @endif

    <form method="POST" action="{{ route('admin.login.post') }}">
        @csrf
        <div class="mb-3">
            <label class="form-label">Email Address</label>
            <input type="email" name="email" class="form-control" value="{{ old('email') }}" required autofocus placeholder="admin@muvrlabs.com">
        </div>
        <div class="mb-4">
            <label class="form-label">Password</label>
            <input type="password" name="password" class="form-control" required placeholder="••••••••">
        </div>
        <button type="submit" class="btn-login">Sign In</button>
    </form>
    <div class="text-center mt-3">
        <a href="{{ route('home') }}" style="font-size:.78rem;color:#94a3b8;text-decoration:none">← Back to Website</a>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
