<!DOCTYPE html>
<html lang="<?php echo e(app()->getLocale()); ?>">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>InspectAI - Login</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
  <script>
    (function () {
      const theme = localStorage.getItem('theme') || 'light';
      document.documentElement.classList.toggle('dark', theme === 'dark');
    })();
    tailwind.config = {
      darkMode: 'class',
      theme: {
        extend: {
          fontFamily: { sans: ['DM Sans', 'sans-serif'], mono: ['DM Mono', 'monospace'] },
          colors: { primary: { DEFAULT: '#4f6ef7', foreground: '#ffffff' } }
        }
      }
    }
  </script>
  <style>
    body { font-family: 'DM Sans', sans-serif; }
    .dark body { background: #0f172a; color: #e5e7eb; }
    .dark .bg-white { background-color: #111827 !important; }
    .dark .bg-gray-50 { background-color: #0f172a !important; }
    .dark .bg-gray-100 { background-color: #1f2937 !important; }
    .dark .bg-emerald-50 { background-color: rgba(16,185,129,.12) !important; }
    .dark .bg-\[\#eff3fe\] { background-color: rgba(79,110,247,.14) !important; }
    .dark .bg-gradient-to-br { background-image: none !important; background-color: #111827 !important; }
    .dark .border-gray-100,
    .dark .border-gray-200 { border-color: #263244 !important; }
    .dark .border-\[\#c7d3fc\] { border-color: rgba(124,148,255,.34) !important; }
    .dark .text-gray-950,
    .dark .text-gray-900 { color: #f8fafc !important; }
    .dark .text-gray-700 { color: #e5e7eb !important; }
    .dark .text-gray-600 { color: #cbd5e1 !important; }
    .dark .text-gray-500 { color: #94a3b8 !important; }
    .dark .text-gray-400 { color: #64748b !important; }
    .dark .text-emerald-500,
    .dark .text-emerald-600 { color: #34d399 !important; }
    .dark .hover\:bg-gray-50:hover,
    .dark .hover\:bg-white:hover { background-color: #1f2937 !important; }
    .dark .focus\:bg-white:focus { background-color: #111827 !important; }
    .dark input,
    .dark select,
    .dark textarea { background-color: #0f172a !important; color: #e5e7eb !important; border-color: #334155 !important; }
    .dark input::placeholder { color: #64748b !important; }
    .auth-card { transition: transform .25s ease, box-shadow .25s ease; }
    .auth-card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,.08); }
    .dark .auth-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,.35); }
    .pulse-dot { animation: pulse 2s infinite; }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }
  </style>
</head>
<body class="min-h-screen bg-gray-50 text-gray-900">
  <main class="grid min-h-screen lg:grid-cols-[1.05fr_0.95fr]">
    <section class="relative hidden overflow-hidden border-r border-gray-100 bg-white p-8 lg:flex lg:flex-col">
      <div class="absolute right-0 top-0 h-72 w-72 translate-x-24 -translate-y-24 rounded-full bg-[#4f6ef7]/10 blur-3xl"></div>
      <div class="absolute bottom-20 left-10 h-56 w-56 rounded-full bg-[#4f6ef7]/10 blur-3xl"></div>

      <a href="<?php echo e(route('dashboard')); ?>" class="relative flex w-fit items-center gap-3">
        <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-[#4f6ef7]">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
        </div>
        <div class="flex flex-col">
          <span class="text-base font-semibold tracking-tight">InspectAI</span>
          <span class="text-[11px] text-gray-400">Property Intelligence</span>
        </div>
      </a>

      <div class="relative mt-16 max-w-xl">
        <div class="mb-4 flex items-center gap-2">
          <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-[#eff3fe] text-[#4f6ef7]">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path></svg>
          </div>
          <span class="text-xs font-medium text-[#4f6ef7]">AI-Powered Inspection Workspace</span>
        </div>
        <h1 class="text-4xl font-bold tracking-tight text-gray-950 xl:text-5xl">Welcome back to your inspection command center.</h1>
        <p class="mt-4 max-w-lg text-sm leading-6 text-gray-500">Continue reviewing property scans, damage findings, reports, and cost estimates with the same calm dashboard experience.</p>
      </div>

      <div class="relative mt-10 grid max-w-2xl grid-cols-2 gap-4">
        <div class="auth-card rounded-2xl border border-gray-100 bg-white p-5 shadow-sm">
          <div class="mb-4 flex h-11 w-11 items-center justify-center rounded-xl bg-[#eff3fe]">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#4f6ef7]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
          </div>
          <p class="text-2xl font-bold tracking-tight">2,847</p>
          <p class="mt-1 text-sm font-medium text-gray-500">Total Inspections</p>
        </div>
        <div class="auth-card rounded-2xl border border-gray-100 bg-white p-5 shadow-sm">
          <div class="mb-4 flex h-11 w-11 items-center justify-center rounded-xl bg-emerald-50">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-emerald-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>
          </div>
          <p class="text-2xl font-bold tracking-tight">98.2%</p>
          <p class="mt-1 text-sm font-medium text-gray-500">Detection Accuracy</p>
        </div>
      </div>

      <div class="relative mt-auto rounded-2xl border border-[#c7d3fc] bg-gradient-to-br from-[#eff3fe] via-[#e8eefe] to-[#eff3fe] p-5">
        <div class="flex items-start justify-between gap-6">
          <div>
            <div class="flex items-center gap-2">
              <span class="pulse-dot h-2 w-2 rounded-full bg-[#4f6ef7]"></span>
              <span class="text-xs font-medium text-[#4f6ef7]">Live system status</span>
            </div>
            <p class="mt-2 text-sm font-semibold text-gray-900">3 new AI scans completed</p>
            <p class="mt-1 max-w-md text-xs leading-5 text-gray-500">Reports are ready for structural, moisture, and roof defect review.</p>
          </div>
        </div>
      </div>
    </section>

    <section class="flex min-h-screen items-center justify-center px-4 py-8 sm:px-6 lg:px-10">
      <div class="w-full max-w-md">
        <div class="mb-8 flex items-center justify-between lg:hidden">
          <a href="<?php echo e(route('login')); ?>" class="flex items-center gap-3">
            <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-[#4f6ef7]">
              <span class="text-sm font-bold text-white">IA</span>
            </div>
            <div class="flex flex-col">
              <span class="text-base font-semibold tracking-tight">InspectAI</span>
              <span class="text-[11px] text-gray-400">Property Intelligence</span>
            </div>
          </a>
          <a href="<?php echo e(route('register')); ?>" class="rounded-xl border border-gray-200 bg-white px-3 py-2 text-xs font-medium text-gray-600 hover:bg-gray-50">Register</a>
        </div>

        <div class="rounded-2xl border border-gray-100 bg-white p-6 shadow-sm sm:p-8">
          <div class="mb-7">
            <div class="mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-[#eff3fe]">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#4f6ef7]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg>
            </div>
            <h2 class="text-2xl font-bold tracking-tight">Sign in</h2>
            <p class="mt-2 text-sm leading-6 text-gray-500">Access your inspections, reports, and AI recommendations.</p>
          </div>

          <form method="POST" action="<?php echo e(route('login.store')); ?>" class="space-y-5">
            <?php echo csrf_field(); ?>
            <label class="block">
              <span class="mb-2 block text-sm font-medium text-gray-700">Email address</span>
              <input name="email" type="email" value="<?php echo e(old('email')); ?>" required placeholder="inspector@example.com" class="h-11 w-full rounded-xl border border-gray-200 bg-gray-50 px-4 text-sm placeholder:text-gray-400 focus:border-[#4f6ef7] focus:bg-white focus:outline-none focus:ring-2 focus:ring-[#4f6ef7]/20">
              <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="mt-2 block text-xs font-medium text-red-500"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </label>

            <label class="block">
              <span class="mb-2 block text-sm font-medium text-gray-700">Password</span>
              <input name="password" type="password" required placeholder="Enter your password" class="h-11 w-full rounded-xl border border-gray-200 bg-gray-50 px-4 text-sm placeholder:text-gray-400 focus:border-[#4f6ef7] focus:bg-white focus:outline-none focus:ring-2 focus:ring-[#4f6ef7]/20">
              <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <span class="mt-2 block text-xs font-medium text-red-500"><?php echo e($message); ?></span> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </label>

            <div class="flex items-center justify-between gap-3">
              <label class="flex items-center gap-2 text-sm text-gray-500">
                <input name="remember" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-[#4f6ef7] focus:ring-[#4f6ef7]">
                Remember me
              </label>
              <a href="#" class="text-sm font-medium text-[#4f6ef7] hover:text-[#3d5ce0]">Forgot password?</a>
            </div>

            <button type="submit" class="flex h-11 w-full items-center justify-center gap-2 rounded-xl bg-[#4f6ef7] px-4 text-sm font-medium text-white shadow-sm transition-colors hover:bg-[#3d5ce0]">
              Sign in
              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
            </button>
          </form>

          <div class="my-5 flex items-center gap-3">
            <div class="h-px flex-1 bg-gray-100"></div>
            <span class="text-xs font-medium uppercase tracking-wide text-gray-400"><?php echo e(__('or')); ?></span>
            <div class="h-px flex-1 bg-gray-100"></div>
          </div>

          <?php echo $__env->make('auth.partials.google-button', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

          <p class="mt-6 text-center text-sm text-gray-500">
            New to InspectAI?
            <a href="<?php echo e(route('register')); ?>" class="font-medium text-[#4f6ef7] hover:text-[#3d5ce0]">Create an account</a>
          </p>
        </div>
      </div>
    </section>
  </main>
</body>
</html>
<?php /**PATH C:\Users\ariqa\Documents\matkul\smster 4\data sains\prj\homeinspector\resources\views\auth\login.blade.php ENDPATH**/ ?>