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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login - SIMSekolah</title>

    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap"
        rel="stylesheet">

    <style>
        body {
            font-family: "Instrument Sans", sans-serif;
            background: linear-gradient(135deg, #f4f6f9, #e9ecef);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .login-card {
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            border: none;
            background-color: #ffffff;
        }

        .btn-login {
            background: linear-gradient(135deg, #0d3b7a, #1565c0);
            border: none;
            border-radius: 8px;
            padding: 10px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-login:hover {
            opacity: 0.9;
            transform: translateY(-1px);
        }

        .form-control:focus {
            box-shadow: 0 0 0 0.25rem rgba(21, 101, 192, 0.15);
            border-color: #1565c0;
        }

        .input-group-text {
            background-color: #f8f9fa;
        }
    </style>
</head>

<body>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-sm-10 col-md-8 col-lg-5 col-xl-4">

                <div class="card login-card p-4 p-md-5">
                    <div class="card-body">

                        
                        <div class="text-center mb-4">
                            <div class="d-inline-flex align-items-center justify-content-center mb-3"
                                style="width: 70px; height: 70px; background: #e8f0fe; border-radius: 50%;">
                                <i class="bi bi-shield-lock-fill" style="font-size: 2rem; color: #1565c0;"></i>
                            </div>
                            <h4 class="fw-bold mb-1" style="color: #1a2b4a;">SIMSekolah</h4>
                            <p class="text-muted small">Silakan masuk ke akun admin Anda</p>
                        </div>

                        
                        <?php if($errors->any()): ?>
                        <div class="alert alert-danger py-2 border-0 mb-4"
                            style="border-radius: 8px; font-size: 0.85rem; background-color: #fff2f2; color: #f53003;">
                            <i class="bi bi-exclamation-triangle-fill me-2"></i>
                            <?php echo e($errors->first('email')); ?>

                        </div>
                        <?php endif; ?>

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

                            
                            <div class="mb-3">
                                <label for="email" class="form-label small fw-semibold text-secondary">Alamat
                                    Email</label>
                                <div class="input-group">
                                    <span class="input-group-text border-end-0 text-muted"><i
                                            class="bi bi-envelope"></i></span>
                                    <input type="email" name="email" class="form-control border-start-0" id="email"
                                        value="<?php echo e(old('email')); ?>" placeholder="nama@sekolah.sch.id" required autofocus>
                                </div>
                            </div>

                            
                            <div class="mb-3">
                                <label for="password"
                                    class="form-label small fw-semibold text-secondary">Password</label>
                                <div class="input-group">
                                    <span class="input-group-text border-end-0 text-muted"><i
                                            class="bi bi-key"></i></span>
                                    <input type="password" name="password" class="form-control border-start-0"
                                        id="password" placeholder="••••••••" required>
                                </div>
                            </div>

                            
                            <div class="mb-4 form-check">
                                <input type="checkbox" name="remember" class="form-check-input" id="remember">
                                <label class="form-check-label text-muted small" for="remember">Ingat saya di perangkat
                                    ini</label>
                            </div>
                        
                        <button type="submit" class="btn btn-login text-white w-100 mb-3">
                            <i class="bi bi-box-arrow-in-right me-2"></i>Masuk Aplikasi
                        </button>

                        
                        <div class="text-center">
                            <span class="text-muted small">Belum punya akun admin? </span>
                            <a href="<?php echo e(route('register')); ?>" class="small text-decoration-none fw-semibold" style="color: #1565c0;">Daftar di sini</a>
                        </div>
                    </form>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- Bootstrap 5 JS Bundle -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html><?php /**PATH C:\laragon\www\sekolah\resources\views/login.blade.php ENDPATH**/ ?>