<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title>Admin Login — Land Feasibility</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/admin.css']); ?>
</head>
<body>

<div class="login-page">

    
    <div style="position:fixed;inset:0;pointer-events:none;z-index:0;">
        <div style="position:absolute;top:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,122,204,0.06) 0%,transparent 70%);border-radius:50%;"></div>
        <div style="position:absolute;bottom:15%;right:8%;width:250px;height:250px;background:radial-gradient(circle,rgba(78,201,176,0.05) 0%,transparent 70%);border-radius:50%;"></div>
        <div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(197,134,192,0.03) 0%,transparent 70%);border-radius:50%;"></div>

        
        <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.012) 1px,transparent 1px);background-size:24px 24px;"></div>
    </div>

    
    <div class="login-card" style="position:relative;z-index:1;">

        <div class="login-header">
            <div class="login-logo">
                <i data-lucide="map-pin" style="width:28px;height:28px;"></i>
            </div>
            <h1 class="login-title">Land Feasibility</h1>
            <p class="login-subtitle">Sign in to the Admin Console</p>
        </div>

        <div class="login-body">

            
            <?php if($errors->any()): ?>
                <div class="alert alert-error" style="margin-bottom:16px;">
                    <i data-lucide="alert-circle" class="alert-icon" style="width:15px;height:15px;"></i>
                    <div>
                        <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div><?php echo e($error); ?></div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            <?php endif; ?>

            <?php if(session('status')): ?>
                <div class="alert alert-success" style="margin-bottom:16px;">
                    <i data-lucide="check-circle" class="alert-icon" style="width:15px;height:15px;"></i>
                    <span><?php echo e(session('status')); ?></span>
                </div>
            <?php endif; ?>

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

                
                <div class="form-group">
                    <label class="form-label" for="email">
                        <i data-lucide="at-sign" style="width:11px;height:11px;display:inline;margin-right:4px;"></i>
                        Email Address
                    </label>
                    <div style="position:relative;">
                        <input type="email"
                               id="email"
                               name="email"
                               value="<?php echo e(old('email')); ?>"
                               required
                               autofocus
                               autocomplete="email"
                               class="form-control form-control-glass"
                               style="padding-left:38px;"
                               placeholder="admin@example.com">
                        <span style="position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--vsc-text-tertiary);">
                            <i data-lucide="mail" style="width:14px;height:14px;"></i>
                        </span>
                    </div>
                </div>

                
                <div class="form-group">
                    <label class="form-label" for="password">
                        <i data-lucide="lock" style="width:11px;height:11px;display:inline;margin-right:4px;"></i>
                        Password
                    </label>
                    <div style="position:relative;">
                        <input type="password"
                               id="password"
                               name="password"
                               required
                               autocomplete="current-password"
                               class="form-control form-control-glass"
                               style="padding-left:38px;padding-right:40px;"
                               placeholder="••••••••">
                        <span style="position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--vsc-text-tertiary);">
                            <i data-lucide="lock" style="width:14px;height:14px;"></i>
                        </span>
                        <button type="button" id="toggle-password"
                                style="position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--vsc-text-tertiary);cursor:pointer;padding:2px;">
                            <i data-lucide="eye" id="eye-icon" style="width:14px;height:14px;"></i>
                        </button>
                    </div>
                </div>

                
                <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;">
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--vsc-text-secondary);">
                        <input type="checkbox" name="remember" id="remember"
                               style="width:13px;height:13px;accent-color:var(--vsc-blue);">
                        Remember me
                    </label>
                    <?php if(Route::has('password.request')): ?>
                        <a href="<?php echo e(route('password.request')); ?>"
                           style="font-size:12px;color:var(--vsc-text-link);text-decoration:none;">
                            Forgot password?
                        </a>
                    <?php endif; ?>
                </div>

                
                <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;height:38px;font-size:13px;">
                    <i data-lucide="log-in" style="width:15px;height:15px;"></i>
                    Sign In to Admin
                </button>

            </form>

            
            <div style="margin-top:24px;padding-top:16px;border-top:1px solid var(--vsc-border-light);text-align:center;">
                <span style="font-size:11px;color:var(--vsc-text-tertiary);">
                    Land Feasibility Admin v1.0 &bull; Powered by Laravel <?php echo e(app()->version()); ?>

                </span>
            </div>

        </div>
    </div>

    
    <div class="admin-statusbar">
        <div class="statusbar-item">
            <i data-lucide="lock" style="width:11px;height:11px;"></i>
            Secure Login
        </div>
        <div class="statusbar-right">
            <div class="statusbar-item">Land Feasibility Admin</div>
        </div>
    </div>

</div>

<script>
    lucide.createIcons();

    // Toggle password visibility
    const toggleBtn = document.getElementById('toggle-password');
    const pwdInput = document.getElementById('password');
    const eyeIcon = document.getElementById('eye-icon');

    if (toggleBtn && pwdInput) {
        toggleBtn.addEventListener('click', () => {
            const isText = pwdInput.type === 'text';
            pwdInput.type = isText ? 'password' : 'text';
            eyeIcon.setAttribute('data-lucide', isText ? 'eye' : 'eye-off');
            lucide.createIcons();
        });
    }
</script>
</body>
</html>
<?php /**PATH C:\xampp_lite_8_4\www\landfeasibility\resources\views/admin/auth/login.blade.php ENDPATH**/ ?>