<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Auditor | Easy Audit Systems</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="h-screen overflow-hidden bg-[#eef2f6] font-sans text-slate-800">

    <main class="relative flex h-screen items-center justify-center overflow-hidden px-4 py-6">

        <!-- Background Decoration -->
        <div class="absolute -top-32 -left-32 h-80 w-80 rounded-full bg-[#2F435B]/20 blur-3xl"></div>
        <div class="absolute -bottom-32 -right-32 h-96 w-96 rounded-full bg-[#2F435B]/25 blur-3xl"></div>
        <div class="absolute top-1/3 right-1/4 h-44 w-44 rounded-full bg-[#6f8499]/20 blur-3xl"></div>

        <!-- Login Wrapper -->
        <div class="relative w-full max-w-[350px]">

            <!-- Card Login -->
            <div class="overflow-hidden rounded-[26px]  bg-white/95 shadow-[0_24px_65px_rgba(47,67,91,0.22)] backdrop-blur-xl">

                <!-- Header -->
                <div class="relative overflow-hidden bg-gradient-to-br from-[#2F435B] via-[#354B65] to-[#223246] px-7 py-5 text-white">

                    <div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-white/10"></div>
                    <div class="absolute -bottom-12 -left-10 h-32 w-32 rounded-full bg-white/10"></div>

                    <div class="relative flex flex-col items-center text-center">

                        <!-- Logo Icon -->
                        <div class="mb-2.5 flex h-12 w-12 items-center justify-center rounded-2xl bg-white/15 shadow-lg  backdrop-blur">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                 class="h-6 w-6 text-white"
                                 fill="none"
                                 viewBox="0 0 24 24"
                                 stroke="currentColor"
                                 stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                      d="M9 12.75 11.25 15 15 9.75M12 3l7.5 3v5.25c0 4.6-3.1 8.9-7.5 9.75-4.4-.85-7.5-5.15-7.5-9.75V6L12 3z" />
                            </svg>
                        </div>

                        <h1 class="text-xl font-extrabold tracking-tight">
                            EA Systems
                        </h1>

                        <p class="mt-1 text-xs font-semibold text-slate-200">
                            Auditor Panel Access
                        </p>
                    </div>
                </div>

                <!-- Form Area -->
                <div class="px-7 py-4">

                    <div class="mb-3.5 text-center">
                        <h2 class="text-lg font-bold text-slate-800">
                            Login Auditor
                        </h2>
                        <p class="mt-1 text-xs text-slate-500">
                            Masukkan akun auditor untuk melanjutkan
                        </p>
                    </div>

                    <?php if($errors->any()): ?>
                        <div class="mb-3 rounded-2xl border border-red-200 bg-red-50 px-4 py-2.5 text-xs text-red-600">
                            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="flex items-start gap-2">
                                    <span class="mt-0.5">
                                        <svg xmlns="http://www.w3.org/2000/svg"
                                             class="h-4 w-4"
                                             fill="none"
                                             viewBox="0 0 24 24"
                                             stroke="currentColor"
                                             stroke-width="2">
                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                  d="M12 9v4m0 4h.01M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
                                        </svg>
                                    </span>
                                    <span><?php echo e($error); ?></span>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    <?php endif; ?>

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

                        <!-- Email -->
                        <div>
                            <label for="email" class="mb-1 block text-sm font-semibold text-slate-700">
                                Email
                            </label>

                            <div class="relative">
                                <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4">
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                         class="h-5 w-5 text-[#8FA4BB]"
                                         fill="none"
                                         viewBox="0 0 24 24"
                                         stroke="currentColor"
                                         stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                              d="M21.75 6.75v10.5A2.25 2.25 0 0 1 19.5 19.5h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.24a2.25 2.25 0 0 1-1.07 1.92l-7.5 4.5a2.25 2.25 0 0 1-2.36 0l-7.5-4.5a2.25 2.25 0 0 1-1.07-1.92v-.24" />
                                    </svg>
                                </div>

                                <input type="email"
                                       id="email"
                                       name="email"
                                       required
                                       autofocus
                                       placeholder="auditor@eas.co.id"
                                       class="w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-2.5 pl-11 text-sm font-semibold text-slate-700 outline-none transition-all duration-300 placeholder:text-[#8FA4BB] focus:border-[#2F435B] focus:bg-white focus:ring-4 focus:ring-[#2F435B]/15">
                            </div>
                        </div>

                        <!-- Password -->
                        <div>
                            <label for="password" class="mb-1 block text-sm font-semibold text-slate-700">
                                Password
                            </label>

                            <div class="relative">
                                <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4">
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                         class="h-5 w-5 text-[#8FA4BB]"
                                         fill="none"
                                         viewBox="0 0 24 24"
                                         stroke="currentColor"
                                         stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                              d="M16.5 10.5V6.75a4.5 4.5 0 0 0-9 0v3.75m-.75 0h10.5A2.25 2.25 0 0 1 19.5 12.75v6A2.25 2.25 0 0 1 17.25 21H6.75A2.25 2.25 0 0 1 4.5 18.75v-6A2.25 2.25 0 0 1 6.75 10.5z" />
                                    </svg>
                                </div>

                                <input type="password"
                                       id="password"
                                       name="password"
                                       required
                                       placeholder="Masukkan password"
                                       class="w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-2.5 pl-11 text-sm font-semibold text-slate-700 outline-none transition-all duration-300 placeholder:text-[#8FA4BB] focus:border-[#2F435B] focus:bg-white focus:ring-4 focus:ring-[#2F435B]/15">
                            </div>
                        </div>

                        <!-- Remember & Forgot -->
                        <div class="flex items-center justify-between gap-3 pt-0.5 text-sm">
                            <label class="flex cursor-pointer items-center gap-2 text-slate-600">
                                <input type="checkbox"
                                       name="remember"
                                       class="h-4 w-4 rounded border-slate-300 text-[#2F435B] focus:ring-[#2F435B]">
                                <span>Ingat saya</span>
                            </label>

                            <a href="#"
                               class="font-bold text-[#2F435B] transition hover:text-[#223246] hover:underline">
                                Lupa password?
                            </a>
                        </div>

                        <!-- Button -->
                        <button type="submit"
                                class="group relative w-full overflow-hidden rounded-2xl bg-gradient-to-r from-[#2F435B] to-[#223246] px-4 py-2.5 text-sm font-bold text-white shadow-lg shadow-[#2F435B]/25 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-[#2F435B]/30 active:translate-y-0">
                            <span class="relative z-10 flex items-center justify-center gap-2">
                                Masuk Auditor

                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"
                                     fill="none"
                                     viewBox="0 0 24 24"
                                     stroke="currentColor"
                                     stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                          d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                                </svg>
                            </span>
                        </button>
                    </form>

                    <!-- Register -->
                    <div class="mt-4 rounded-2xl bg-slate-50 px-4 py-2.5 text-center">
                        <p class="text-sm text-slate-500">
                            Belum punya akun?
                            <a href="<?php echo e(route('register')); ?>"
                               class="font-bold text-[#2F435B] transition hover:text-[#223246] hover:underline">
                                Daftar Akun
                            </a>
                        </p>
                    </div>
                </div>
            </div>

            <!-- Version & Status -->
            <div class="mt-3 flex items-center justify-center gap-3 text-xs text-slate-500">
                <span class="rounded-full bg-white px-3 py-1.5 shadow-sm ring-1 ring-slate-200">
                    Versi: <span class="font-semibold text-slate-700">1.3.1</span>
                </span>

                <span class="rounded-full bg-emerald-50 px-3 py-1.5 font-semibold text-emerald-600 ring-1 ring-emerald-100">
                    Aktif
                </span>
            </div>
        </div>

    </main>

</body>
</html><?php /**PATH C:\xampp\htdocs\ea-systems\resources\views/web_user/login.blade.php ENDPATH**/ ?>