<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo e($siteName); ?> | Admin Login</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        brand: '#3BB77E',
                        'brand-dark': '#29A56C',
                    }
                }
            }
        }
    </script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
        }
    </style>
</head>
<body class="min-h-screen bg-gradient-to-br from-gray-50 via-white to-emerald-50/40 flex items-center justify-center px-4 py-8">
    <div class="max-w-5xl w-full mx-auto">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 items-center">
            <div class="hidden lg:flex flex-col justify-center space-y-8">
                <div class="flex items-center gap-3">
                    <div class="w-12 h-12 bg-white rounded-2xl flex items-center justify-center shadow-md border border-gray-100">
                        <?php if(!empty($siteLogo)): ?>
                            <img src="<?php echo e($siteLogo); ?>" alt="<?php echo e($siteName); ?>" class="w-7 h-7 object-contain">
                        <?php else: ?>
                            <span class="text-lg font-bold text-brand">
                                <?php echo e(mb_substr($siteName, 0, 1)); ?>

                            </span>
                        <?php endif; ?>
                    </div>
                    <div>
                        <p class="text-[11px] font-semibold text-brand uppercase tracking-[0.18em]"><?php echo e($siteName); ?></p>
                        <p class="text-sm font-semibold text-gray-500">Admin panel for <?php echo e($siteName); ?></p>
                    </div>
                </div>

                <div class="space-y-4">
                    <h1 class="text-3xl xl:text-4xl font-black text-gray-900 tracking-tight">
                        Control <?php echo e($siteName); ?> with a clean, focused dashboard.
                    </h1>
                    <p class="text-sm text-gray-500 max-w-md">
                        Log in to manage products, orders, customers and settings from one place,
                        with a layout optimized for daily operations.
                    </p>
                </div>

                <div class="grid grid-cols-2 gap-4 max-w-md">
                    <div class="rounded-2xl border border-emerald-100 bg-white/60 backdrop-blur-sm px-4 py-3">
                        <p class="text-[11px] font-semibold text-emerald-700 mb-1 flex items-center gap-2">
                            <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
                            Live overview
                        </p>
                        <p class="text-xs text-gray-500">
                            See sales, orders and visitors at a glance on login.
                        </p>
                    </div>
                    <div class="rounded-2xl border border-gray-100 bg-white/70 backdrop-blur-sm px-4 py-3">
                        <p class="text-[11px] font-semibold text-gray-700 mb-1 flex items-center gap-2">
                            <i class="fas fa-shield-alt text-emerald-500 text-xs"></i>
                            Secure access
                        </p>
                        <p class="text-xs text-gray-500">
                            Admin-only access with secure credentials and session handling.
                        </p>
                    </div>
                </div>
            </div>

            <div class="max-w-md w-full lg:ml-auto">
                <div class="flex items-center justify-between mb-6 lg:hidden">
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 bg-white rounded-2xl flex items-center justify-center shadow border border-gray-100">
                            <?php if(!empty($siteLogo)): ?>
                                <img src="<?php echo e($siteLogo); ?>" alt="<?php echo e($siteName); ?>" class="w-6 h-6 object-contain">
                            <?php else: ?>
                                <span class="text-sm font-bold text-brand">
                                    <?php echo e(mb_substr($siteName, 0, 1)); ?>

                                </span>
                            <?php endif; ?>
                        </div>
                        <div>
                            <p class="text-[11px] font-semibold text-brand uppercase tracking-[0.18em]"><?php echo e($siteName); ?></p>
                            <p class="text-xs text-gray-500">Sign in to continue</p>
                        </div>
                    </div>
                </div>

                <?php if($errors->any()): ?>
                    <div class="mb-5 rounded-2xl border border-red-100 bg-red-50 px-4 py-3">
                        <p class="text-sm font-semibold text-red-700 mb-2">Please check the following:</p>
                        <ul class="text-xs text-red-600 space-y-1">
                            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li>• <?php echo e($error); ?></li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                <?php endif; ?>

                <div class="bg-white rounded-3xl shadow-sm border border-gray-100 px-7 py-8">
                    <div class="mb-6 space-y-3">
                        <div class="flex items-center justify-between">
                            <div class="flex items-center gap-2">
                                <span class="inline-flex items-center px-3 py-1 rounded-full bg-emerald-50 text-emerald-700 text-[10px] font-semibold">
                                    <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 mr-1.5"></span>
                                    Admin sign-in
                                </span>
                                <span class="hidden sm:inline text-[11px] text-gray-400">
                                    Secure access for authorized administrators
                                </span>
                            </div>
                        </div>
                        <div>
                            <h2 class="text-xl font-bold text-gray-900 tracking-tight">Welcome back</h2>
                            <p class="text-xs text-gray-500 mt-1">
                                Use your administrator credentials to access the dashboard.
                            </p>
                        </div>
                    </div>

                    <form action="<?php echo e(route('admin.login.submit')); ?>" method="POST" class="space-y-5">
                        <?php echo csrf_field(); ?>

                        <div class="space-y-2">
                            <label for="email" class="block text-xs font-semibold text-gray-700">Email address</label>
                            <input
                                id="email"
                                type="email"
                                name="email"
                                value="<?php echo e(old('email')); ?>"
                                required
                                autofocus
                                class="w-full rounded-xl border border-gray-200 px-4 py-3 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-brand/20 focus:border-brand/40"
                                placeholder="you@example.com">
                        </div>

                        <div class="space-y-2">
                            <div class="flex items-center justify-between">
                                <label for="password" class="block text-xs font-semibold text-gray-700">Password</label>
                                <a href="#" class="text-xs font-semibold text-brand hover:text-brand-dark">
                                    Forgot password?
                                </a>
                            </div>
                            <input
                                id="password"
                                type="password"
                                name="password"
                                required
                                class="w-full rounded-xl border border-gray-200 px-4 py-3 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-brand/20 focus:border-brand/40"
                                placeholder="••••••••">
                        </div>

                        <div class="flex items-center justify-between">
                            <label class="inline-flex items-center gap-2">
                                <input
                                    id="remember_me"
                                    name="remember"
                                    type="checkbox"
                                    class="rounded border-gray-300 text-brand focus:ring-brand/30"
                                    <?php echo e(old('remember') ? 'checked' : ''); ?>>
                                <span class="text-xs text-gray-600">Remember me</span>
                            </label>
                        </div>

                        <button
                            type="submit"
                            class="w-full bg-brand text-white text-xs font-semibold tracking-wide uppercase py-3.5 rounded-xl shadow-md shadow-brand/30 hover:bg-brand-dark transition-colors">
                            Sign in
                        </button>
                    </form>
                </div>

                <p class="mt-6 text-center text-[11px] text-gray-400">
                    &copy; <?php echo e(date('Y')); ?> <?php echo e($siteName); ?>. All rights reserved.
                </p>
            </div>
        </div>
    </div>
</body>
</html>
<?php /**PATH C:\Users\10mbb\Desktop\codecanyon\Single Vendor\laravel_code\resources\views/admin/auth/login.blade.php ENDPATH**/ ?>