<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Iniciar Sesión - Ojo de Águila</title>
    <link rel="stylesheet" href="<?php echo e(asset('css/app.css')); ?>">
</head>
<body class="auth-wrapper">
    <div class="auth-card">
        <div class="auth-header">
            <div class="auth-logo">🦅</div>
            <h1 class="auth-title">Ojo de Águila</h1>
            <p class="auth-desc">Sistema Inteligente de Control de Acceso</p>
        </div>

        <?php if($errors->any()): ?>
            <div style="background-color: var(--danger-light); color: var(--danger-color); padding: 12px; border-radius: var(--radius-md); font-size: 13px; font-weight: 600; margin-bottom: 20px; border: 1px solid rgba(239, 68, 68, 0.2);">
                <ul style="list-style: none;">
                    <?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; ?>

        <form action="<?php echo e(route('login')); ?>" method="POST">
            <?php echo csrf_field(); ?>
            <div class="form-group">
                <label for="email" class="form-label required">Correo Electrónico</label>
                <input type="email" id="email" name="email" class="form-control" placeholder="ejemplo@ojodeaguila.cl" value="<?php echo e(old('email')); ?>" required autofocus>
            </div>

            <div class="form-group">
                <label for="password" class="form-label required">Contraseña</label>
                <input type="password" id="password" name="password" class="form-control" placeholder="••••••••" required>
            </div>

            <div class="form-group" style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;">
                <label style="display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-secondary); cursor: pointer; font-weight: 500;">
                    <input type="checkbox" name="remember" style="border-radius: 4px; border: 1px solid var(--border-color); accent-color: var(--accent-color);"> Recordarme
                </label>
            </div>

            <button type="submit" class="btn btn-primary btn-full" style="height: 48px; font-size: 15px;">
                Ingresar al Sistema
            </button>
        </form>
    </div>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\ojodeaguila\resources\views/auth/login.blade.php ENDPATH**/ ?>