<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Login - Golden Ark</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <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=Alan+Sans:wght@300..900&display=swap" rel="stylesheet">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            min-height: 100vh;
            background: #f0f2f5;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Alan Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
            overflow: hidden;
        }

        /* Animated background orbs */
        .bg-orb {
            position: fixed;
            border-radius: 50%;
            filter: blur(80px);
            opacity: .06;
            animation: float 20s ease-in-out infinite;
        }
        .bg-orb:nth-child(1) { width: 600px; height: 600px; background: #780045; top: -200px; left: -100px; }
        .bg-orb:nth-child(2) { width: 400px; height: 400px; background: #007870; bottom: -100px; right: -100px; animation-delay: -7s; }
        .bg-orb:nth-child(3) { width: 300px; height: 300px; background: #F54927; top: 50%; left: 60%; animation-delay: -14s; }

        @keyframes float {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33%      { transform: translate(30px, -30px) scale(1.05); }
            66%      { transform: translate(-20px, 20px) scale(.95); }
        }

        .login-wrapper {
            position: relative;
            z-index: 10;
            width: 100%;
            max-width: 440px;
            padding: 0 20px;
        }

        .login-card {
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 24px;
            padding: 48px 40px;
            box-shadow: 0 20px 60px rgba(0,0,0,.06);
        }

        .brand-logo {
            width: 120px;
            height: auto;
            margin: 0 auto 20px;
            display: block;
        }

        .brand-title {
            color: #1a1a2e;
            font-size: 1.5rem;
            font-weight: 800;
            letter-spacing: .5px;
        }
        .brand-sub {
            color: #8896a8;
            font-size: .85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        .form-floating > .form-control {
            background: #f8f9fb;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            color: #1a1a2e;
            height: 56px;
            padding: 16px;
        }
        .form-floating > .form-control:focus {
            background: #fff;
            border-color: #780045;
            box-shadow: 0 0 0 3px rgba(120,0,69,.1);
            color: #1a1a2e;
        }
        .form-floating > label {
            color: #8896a8;
            padding: 16px;
        }
        .form-floating > .form-control:focus ~ label,
        .form-floating > .form-control:not(:placeholder-shown) ~ label {
            color: #780045;
        }

        .form-check-input {
            background-color: #e5e7eb;
            border-color: #d1d5db;
        }
        .form-check-input:checked {
            background-color: #780045;
            border-color: #780045;
        }
        .form-check-label { color: #6b7a8d; font-size: .9rem; }

        .btn-admin-login {
            background: linear-gradient(135deg, #780045, #F54927);
            border: none;
            border-radius: 12px;
            color: #fff;
            font-weight: 700;
            font-size: 1rem;
            padding: 14px;
            letter-spacing: .5px;
            transition: all .3s ease;
            box-shadow: 0 4px 20px rgba(120,0,69,.15);
        }
        .btn-admin-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(120,0,69,.3);
            color: #fff;
        }
        .btn-admin-login:active { transform: translateY(0); }

        .alert-login {
            background: rgba(220,53,69,.06);
            border: 1px solid rgba(220,53,69,.15);
            color: #dc2626;
            border-radius: 12px;
            font-size: .9rem;
        }

        .footer-text {
            color: #b0b8c4;
            font-size: .8rem;
        }
        .footer-text a {
            color: #8896a8;
            text-decoration: none;
        }
        .footer-text a:hover { color: #1a1a2e; }
    </style>
</head>
<body>
    <div class="bg-orb"></div>
    <div class="bg-orb"></div>
    <div class="bg-orb"></div>

    <div class="login-wrapper">
        <div class="login-card">
            <div class="text-center mb-4">
                <img src="<?php echo e(asset('logo/logo.png')); ?>" alt="Golden Ark" class="brand-logo">
                <h1 class="brand-title">Golden Ark</h1>
                <p class="brand-sub mb-0">Admin Panel</p>
            </div>

            <?php if($errors->any()): ?>
                <div class="alert alert-login mb-3" role="alert">
                    <i class="bi bi-exclamation-triangle me-2"></i>
                    <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php echo e($error); ?>

                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            <?php endif; ?>

            <form method="POST" action="<?php echo e(route('admin.login')); ?>">
                <?php echo csrf_field(); ?>
                <div class="form-floating mb-3">
                    <input type="email" class="form-control" id="email" name="email"
                           value="<?php echo e(old('email')); ?>" placeholder="admin@admin.com" required autofocus>
                    <label for="email"><i class="bi bi-envelope me-2"></i>Email Address</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="password" class="form-control" id="password" name="password"
                           placeholder="Password" required>
                    <label for="password"><i class="bi bi-lock me-2"></i>Password</label>
                </div>
                <div class="form-check mb-4">
                    <input type="checkbox" class="form-check-input" id="remember" name="remember">
                    <label class="form-check-label" for="remember">Keep me signed in</label>
                </div>
                <button type="submit" class="btn btn-admin-login w-100">
                    Sign In to Admin Panel
                </button>
            </form>
        </div>

        <p class="text-center footer-text mt-4">
            &copy; <?php echo e(date('Y')); ?> Golden Ark Machine Performance
        </p>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
<?php /**PATH /home/electorade/machine.goldenarkbd.com/resources/views/auth/admin-login.blade.php ENDPATH**/ ?>