<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>" dir="<?php echo e(app()->getLocale() === 'ar' ? 'rtl' : 'ltr'); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>POS</title>
    <link rel="icon" href="data:,">
    <?php if(app()->getLocale() === 'ar'): ?>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css">
    <?php else: ?>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    <?php endif; ?>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <style>
        body {
            min-height: 100vh;
            background: linear-gradient(135deg, #0dcaee 0%, #0a8fa5 40%, #064f6b 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }
        .auth-card {
            width: 100%;
            max-width: 440px;
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.25);
            overflow: hidden;
        }
        .auth-header {
            background: linear-gradient(135deg, #0dcaee, #0a8fa5);
            padding: 2.5rem 2rem 2rem;
            text-align: center;
            color: #fff;
        }
        .auth-header .brand-icon {
            width: 72px;
            height: 72px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 2.2rem;
            margin-bottom: 1rem;
            backdrop-filter: blur(6px);
        }
        .auth-body { padding: 2rem 2rem 1.5rem; }
        .form-control {
            border-radius: 10px;
            padding: 0.65rem 1rem;
            border: 1.5px solid #e0e0e0;
            transition: border-color .2s, box-shadow .2s;
        }
        .form-control:focus {
            border-color: #0dcaee;
            box-shadow: 0 0 0 3px rgba(13,202,238,.15);
        }
        .input-group-text {
            border-radius: 10px 0 0 10px;
            background: #f0fbfd;
            border: 1.5px solid #e0e0e0;
            border-right: none;
            color: #0a8fa5;
        }
        .input-group .form-control { border-radius: 0 10px 10px 0; }
        .btn-auth {
            background: linear-gradient(135deg, #0dcaee, #0a8fa5);
            border: none;
            border-radius: 10px;
            padding: .7rem;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: .5px;
            color: #fff;
            transition: opacity .2s, transform .15s;
        }
        .btn-auth:hover { opacity: .9; transform: translateY(-1px); color: #fff; }
        .auth-footer { text-align: center; padding: 0 2rem 1.5rem; }
        .auth-link { color: #0a8fa5; text-decoration: none; font-weight: 500; }
        .auth-link:hover { text-decoration: underline; color: #064f6b; }
        .divider { display: flex; align-items: center; gap: .75rem; color: #aaa; font-size: .85rem; margin: 1rem 0; }
        .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: #e8e8e8; }
    </style>
</head>
<body>
<div class="auth-card">
    <div class="auth-header">
        <div class="brand-icon"><i class="bi bi-shop"></i></div>
        <h4 class="fw-bold mb-1"><?php echo e(__('Restaurant Management')); ?></h4>
        <p class="mb-0 opacity-75 small"><?php echo e(__('Welcome back! Please sign in.')); ?></p>
    </div>

    <div class="auth-body">
        <?php if(session('status')): ?>
            <div class="alert alert-success alert-dismissible fade show py-2 small" role="alert">
                <?php echo e(session('status')); ?>

                <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <?php if($errors->any()): ?>
            <div class="alert alert-danger py-2 small">
                <ul class="mb-0 ps-3">
                    <?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 method="POST" action="<?php echo e(route('login')); ?>">
            <?php echo csrf_field(); ?>

            <div class="mb-3">
                <label class="form-label fw-semibold small text-secondary"><?php echo e(__('Email Address')); ?></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-envelope"></i></span>
                    <input type="email" name="email" id="email" class="form-control <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                           value="<?php echo e(old('email')); ?>" placeholder="<?php echo e(__('you@example.com')); ?>" required autofocus autocomplete="username">
                </div>
            </div>

            <div class="mb-3">
                <label class="form-label fw-semibold small text-secondary"><?php echo e(__('Password')); ?></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-lock"></i></span>
                    <input type="password" name="password" id="password" class="form-control <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                           placeholder="••••••••" required autocomplete="current-password">
                    <button class="btn btn-outline-secondary border-start-0 border" type="button" id="togglePwd" style="border-radius:0 10px 10px 0; border-color:#e0e0e0;">
                        <i class="bi bi-eye" id="eyeIcon"></i>
                    </button>
                </div>
            </div>

            <div class="d-flex justify-content-between align-items-center mb-4">
                <div class="form-check mb-0">
                    <input class="form-check-input" type="checkbox" name="remember" id="remember_me">
                    <label class="form-check-label small text-secondary" for="remember_me"><?php echo e(__('Remember me')); ?></label>
                </div>
                <?php if(Route::has('password.request')): ?>
                    <a href="<?php echo e(route('password.request')); ?>" class="auth-link small"><?php echo e(__('Forgot password?')); ?></a>
                <?php endif; ?>
            </div>

            <button type="submit" class="btn btn-auth w-100">
                <i class="bi bi-box-arrow-in-right me-2"></i><?php echo e(__('Sign In')); ?>

            </button>
        </form>
    </div>

    <?php if(Route::has('register')): ?>
    <div class="auth-footer">
        <div class="divider"><?php echo e(__('or')); ?></div>
        <p class="mb-0 small text-muted"><?php echo e(__("Don't have an account?")); ?>

            <a href="<?php echo e(route('register')); ?>" class="auth-link"><?php echo e(__('Create account')); ?></a>
        </p>
    </div>
    <?php endif; ?>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
    document.getElementById('togglePwd').addEventListener('click', function() {
        const pwd = document.getElementById('password');
        const icon = document.getElementById('eyeIcon');
        if (pwd.type === 'password') {
            pwd.type = 'text';
            icon.className = 'bi bi-eye-slash';
        } else {
            pwd.type = 'password';
            icon.className = 'bi bi-eye';
        }
    });
</script>
</body>
</html>
<?php /**PATH C:\Users\anwar\OneDrive\Desktop\Babu KSA\software\restaurant-management\resources\views/auth/login.blade.php ENDPATH**/ ?>