<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title><?php echo e(config('app.name')); ?> | Secure Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">

    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: Inter, system-ui, sans-serif;
            background: linear-gradient(180deg, #ffffff, #f4f6f9);
        }

        .tech-bg {
            position: fixed;
            inset: 0;
            background: repeating-linear-gradient(to bottom,
                    rgba(0, 0, 0, 0.025) 0px,
                    rgba(0, 0, 0, 0.025) 1px,
                    transparent 1px,
                    transparent 4px);
            animation: scan 6s linear infinite;
            pointer-events: none;
        }

        @keyframes scan {
            from {
                background-position-y: 0;
            }

            to {
                background-position-y: 120px;
            }
        }

        .login-wrapper {
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .login-card {
            width: 460px;
            background: #fff;
            border-radius: 18px;
            padding: 40px;
            box-shadow: 0 40px 80px rgba(0, 0, 0, .15);
            z-index: 1;
        }

        .logo {
            text-align: center;
            margin-bottom: 20px;
        }

        .logo h3 {
            margin: 0;
            font-size: 1.4rem;
            font-weight: 700;
            color: #0f172a;
        }

        .logo img {
            max-width: 180px;
            max-height: 80px;
            width: auto;
            height: auto;
            object-fit: contain;
        }


        label {
            font-size: .8rem;
            font-weight: 600;
            margin-bottom: 6px;
            display: block;
        }

        .input {
            width: 100%;
            padding: 14px;
            border-radius: 10px;
            border: 1px solid #d1d5db;
            font-size: 1rem;
        }

        .input-group {
            display: flex;
            align-items: stretch;
        }

        .input-group input {
            border-radius: 10px 0 0 10px;
            border-right: none;
        }

        .input-group span {
            padding: 14px;
            background: #e5e7eb;
            border: 1px solid #d1d5db;
            border-radius: 0 10px 10px 0;
            font-size: .85rem;
            color: #374151;
            white-space: nowrap;
        }

        .btn {
            width: 100%;
            padding: 14px;
            border-radius: 10px;
            border: none;
            font-weight: 700;
            cursor: pointer;
            margin-top: 18px;
        }

        .btn.primary {
            background: linear-gradient(135deg, #000, #1f2937);
            color: #fff;
        }

        .options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .75rem;
            margin-top: 14px;
        }

        .options a {
            color: #000;
            text-decoration: none;
        }

        .message {
            margin-top: 8px;
            font-size: .75rem;
            font-weight: 600;
            color: #dc2626;
        }
    </style>
</head>

<body>

    <div class="tech-bg"></div>

    <div class="login-wrapper">
        <div class="login-card">

            <div class="logo">
                <?php if(config('settings.logo')): ?>
                <img src="<?php echo e(asset(config('settings.logo'))); ?>" alt="Logo">
                <?php endif; ?>
                 <h3>Secure Login</h3>
            </div>

            <form method="POST" action="<?php echo e(route('login')); ?>">
                <?php echo csrf_field(); ?>

                
                <label>Username</label>
                <div class="input-group">
                    <input
                        id="username"
                        type="text"
                        name="email"
                        class="input"
                        value="<?php echo e(old('email')); ?>"
                        required
                        autocomplete="off">
                    <span><?php echo e(config('settings.domain')); ?></span>
                </div>

                <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <div class="message"><?php echo e($message); ?></div>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

                
                <label style="margin-top:16px;">Password</label>
                <input
                    type="password"
                    name="password"
                    class="input"
                    required
                    autocomplete="off">

                <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <div class="message"><?php echo e($message); ?></div>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

                
                <div class="options">
                    <label>
                        <input type="checkbox"> Remember me
                    </label>
                    <a href="<?php echo e(route('password.request')); ?>">Forgot password?</a>
                </div>

                <button class="btn primary" type="submit">
                    Log In
                </button>
            </form>
        </div>
    </div>

    
    <script>
        const input = document.getElementById('username');
        let warned = false;

        function warn() {
            if (warned) return;
            warned = true;

            Swal.fire({
                icon: 'warning',
                title: 'Username only',
                text: 'Do not include @ or the email domain. Just type your username.',
                confirmButtonText: 'OK'
            }).then(() => warned = false);
        }

        input.addEventListener('keydown', e => {
            if (e.key === '@') {
                e.preventDefault();
                warn();
            }
        });

        input.addEventListener('input', () => {
            if (input.value.includes('@')) {
                input.value = input.value.replace(/@/g, '');
                warn();
            }
        });
    </script>

</body>

</html><?php /**PATH C:\WORK-STATION\MBBS\Insurance-Version Controls\03-01-2026\resources\views/auth/login.blade.php ENDPATH**/ ?>