<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Admin Sign In — <?php echo e(config('niyarasa.brand_name')); ?></title>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/admin.css', 'resources/js/admin.js']); ?>
    <style>[x-cloak] { display: none !important; }</style>
</head>
<body class="min-h-screen bg-ink font-sans antialiased">
    <div class="grid min-h-screen lg:grid-cols-[1.05fr_1fr]">

        
        <div class="relative hidden overflow-hidden bg-gradient-to-br from-ink via-charcoal to-ink lg:flex lg:flex-col lg:justify-between lg:p-14">
            <div
                class="pointer-events-none absolute inset-0"
                style="background: radial-gradient(circle at 20% 20%, rgba(201,166,97,0.18), transparent 45%), radial-gradient(circle at 80% 85%, rgba(110,20,35,0.25), transparent 50%);"
            ></div>
            
            <div
                class="pointer-events-none absolute inset-0 opacity-[0.035]"
                style="background-image: repeating-linear-gradient(135deg, #fff 0, #fff 1px, transparent 1px, transparent 42px);"
            ></div>
            <div class="animate-float-slow pointer-events-none absolute -left-24 top-1/4 h-72 w-72 rounded-full bg-champagne/10 blur-3xl"></div>
            <div class="animate-float pointer-events-none absolute -right-24 bottom-1/4 h-80 w-80 rounded-full bg-maroon/25 blur-3xl"></div>

            <div class="relative z-10">
                <img src="<?php echo e(asset('images/logo.png')); ?>" alt="<?php echo e(config('niyarasa.brand_name')); ?>" class="h-10 w-auto">
            </div>

            <div class="relative z-10 max-w-md">
                <p class="font-display text-3xl leading-snug text-ivory">
                    Where every thread tells
                    <span class="bg-gradient-to-r from-champagne via-champagne-light to-champagne bg-clip-text text-transparent">a story</span>.
                </p>
                <p class="mt-4 text-sm text-cream/50">
                    Manage your catalog, orders, and brand experience from one refined command center.
                </p>
            </div>

            <p class="relative z-10 text-xs uppercase tracking-[0.2em] text-cream/30">
                &copy; <?php echo e(now()->year); ?> <?php echo e(config('niyarasa.brand_name')); ?> Admin
            </p>
        </div>

        
        <div class="relative flex items-center justify-center overflow-hidden px-6 py-12 sm:px-10">
            
            <div
                class="pointer-events-none absolute inset-0 lg:hidden"
                style="background: radial-gradient(circle at 20% 15%, rgba(201,166,97,0.16), transparent 45%), radial-gradient(circle at 85% 85%, rgba(110,20,35,0.22), transparent 50%);"
            ></div>

            <div class="relative z-10 w-full max-w-sm animate-[fade-up_0.7s_var(--ease-luxury)_both]">
                <div class="mb-8 text-center lg:hidden">
                    <img src="<?php echo e(asset('images/logo.png')); ?>" alt="<?php echo e(config('niyarasa.brand_name')); ?>" class="mx-auto h-11 w-auto">
                </div>

                <div class="rounded-2xl border border-white/10 bg-gradient-to-br from-ink via-charcoal to-ink lg:flex lg:flex-col lg:justify-between lg:p-14 p-8 shadow-[var(--shadow-luxury)] backdrop-blur-xl transition-shadow duration-300 hover:shadow-[0_25px_70px_-15px_rgba(0,0,0,0.45)] sm:p-10">
                    <p class="text-xs font-semibold uppercase tracking-[0.25em] text-champagne-light">Admin Panel</p>
                    <h1 class="mt-2 font-display text-2xl text-ivory">Welcome Back</h1>
                    <p class="mt-1.5 text-sm text-cream/50">Please sign in to continue.</p>

                    <?php if($errors->any()): ?>
                        <div class="mt-5 flex items-start gap-2.5 rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger">
                            <i class="fa-solid fa-circle-exclamation mt-0.5 text-xs"></i>
                            <span><?php echo e($errors->first()); ?></span>
                        </div>
                    <?php endif; ?>

                    <form
                        method="POST" action="<?php echo e(route('admin.login')); ?>" class="mt-7 space-y-5"
                        x-data="{ showPassword: false, loading: false }"
                        x-on:submit="loading = true"
                    >
                        <?php echo csrf_field(); ?>

                        <div>
                            <label for="email" class="mb-1.5 block text-xs font-medium uppercase tracking-wide text-cream/50">Email Address</label>
                            <div class="relative">
                                <i class="fa-regular fa-envelope pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-sm text-cream/30"></i>
                                <input
                                    id="email" type="email" name="email" value="<?php echo e(old('email')); ?>" required autofocus autocomplete="username"
                                    placeholder="you@niayarsa.com"
                                    class="block w-full rounded-xl border border-white/15 bg-white/5 py-3.5 pl-11 pr-4 text-sm text-ivory placeholder-cream/25 shadow-sm transition-all duration-200 focus:border-champagne focus:bg-white/10 focus:outline-none focus:ring-4 focus:ring-champagne/20"
                                >
                            </div>
                        </div>

                        <div>
                            <label for="password" class="mb-1.5 block text-xs font-medium uppercase tracking-wide text-cream/50">Password</label>
                            <div class="relative">
                                <i class="fa-solid fa-lock pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-sm text-cream/30"></i>
                                <input
                                    id="password" :type="showPassword ? 'text' : 'password'" name="password" required autocomplete="current-password"
                                    placeholder="••••••••"
                                    class="block w-full rounded-xl border border-white/15 bg-white/5 py-3.5 pl-11 pr-11 text-sm text-ivory placeholder-cream/25 shadow-sm transition-all duration-200 focus:border-champagne focus:bg-white/10 focus:outline-none focus:ring-4 focus:ring-champagne/20"
                                >
                                <button
                                    type="button"
                                    x-on:click="showPassword = ! showPassword"
                                    class="absolute right-4 top-1/2 -translate-y-1/2 text-cream/30 transition-colors duration-200 hover:text-champagne-light"
                                    :aria-label="showPassword ? 'Hide password' : 'Show password'"
                                >
                                    <i class="fa-regular" :class="showPassword ? 'fa-eye-slash' : 'fa-eye'"></i>
                                </button>
                            </div>
                        </div>

                        <label class="flex cursor-pointer items-center gap-2 text-sm text-cream/60">
                            <input
                                type="checkbox" name="remember"
                                class="rounded border-white/20 bg-white/5 text-champagne transition-transform duration-150 hover:scale-110 focus:ring-4 focus:ring-champagne/25 focus:ring-offset-0"
                            >
                            Keep me signed in
                        </label>

                        <button
                            type="submit"
                            class="btn group inline-flex w-full items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-champagne via-champagne-light to-champagne bg-[length:200%_auto] px-5 py-3.5 text-sm font-semibold uppercase tracking-wide text-ink shadow-[0_10px_30px_-10px_rgba(201,166,97,0.55)] transition-all duration-300 hover:bg-right hover:shadow-[0_15px_40px_-12px_rgba(201,166,97,0.65)] hover:-translate-y-0.5 focus:outline-none focus:ring-4 focus:ring-champagne/30 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:translate-y-0"
                            :disabled="loading"
                        >
                            <span x-show="! loading" class="inline-flex items-center gap-2">
                                Sign In
                                <i class="fa-solid fa-arrow-right-to-bracket text-xs transition-transform duration-300 group-hover:translate-x-1"></i>
                            </span>
                            <span x-show="loading" x-cloak class="inline-flex items-center gap-2">
                                <i class="fa-solid fa-circle-notch animate-spin"></i> Signing In…
                            </span>
                        </button>
                    </form>
                </div>

                <p class="mt-6 text-center text-xs text-cream/40">
                    <a href="<?php echo e(route('home')); ?>" class="transition-colors duration-200 hover:text-cream/70">&larr; Back to storefront</a>
                </p>
            </div>
        </div>
    </div>
</body>
</html>
<?php /**PATH G:\Projects\ecommerce\resources\views/admin/auth/login.blade.php ENDPATH**/ ?>