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

<head>

    <meta charset="UTF-8">

    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">

    <title>Login - Sistem Gaji Sekolah</title>

    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">

    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <style>

        body{
            min-height:100vh;
            background:linear-gradient(135deg,#0d6efd,#4f46e5);
            display:flex;
            align-items:center;
            justify-content:center;
            font-family:'Segoe UI',sans-serif;
        }

        .login-card{
            border:none;
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 15px 40px rgba(0,0,0,.2);
        }

        .left-panel{
            background:linear-gradient(135deg,#0d6efd,#1e40af);
            color:white;
            padding:50px;
            height:100%;
        }

        .left-panel h2{
            font-weight:700;
        }

        .right-panel{
            padding:40px;
            background:white;
        }

        .form-control{
            border-radius:12px;
            padding:12px;
        }

        .input-group-text{
            border-radius:12px 0 0 12px;
        }

        .btn-login{
            border-radius:12px;
            padding:12px;
            font-weight:600;
        }

        .logo-circle{
            width:90px;
            height:90px;
            border-radius:50%;
            background:rgba(255,255,255,.2);
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:20px;
            font-size:40px;
        }

        @media(max-width:768px){

            .left-panel{
                display:none;
            }

        }

    </style>

</head>

<body>

<div class="container">

    <div class="row justify-content-center">

        <div class="col-lg-10">

            <div class="card login-card">

                <div class="row g-0">

                    <div class="col-md-6">

                        <div class="left-panel">

                            <div class="logo-circle">
                                <i class="fas fa-graduation-cap"></i>
                            </div>

                            <h2>Sistem Gaji Sekolah</h2>

                            <p class="mt-3">

                                Aplikasi Pengelolaan Absensi,
                                Jadwal Mengajar dan Penggajian Guru.

                            </p>

                            <hr>

                            <p class="mb-0">

                                Login untuk mengakses dashboard.

                            </p>

                        </div>

                    </div>

                    <div class="col-md-6">

                        <div class="right-panel">

                            <div class="text-center mb-4">

                                <h3 class="fw-bold">
                                    Login
                                </h3>

                                <p class="text-muted">
                                    Masukkan akun Anda
                                </p>

                            </div>

                            <?php if(session('error')): ?>

                            <div class="alert alert-danger">

                                <?php echo e(session('error')); ?>


                            </div>

                            <?php endif; ?>

                            <form action="/login"
                                  method="POST">

                                <?php echo csrf_field(); ?>

                                <div class="mb-3">

                                    <label class="form-label">
                                        Email
                                    </label>

                                    <div class="input-group">

                                        <span class="input-group-text">

                                            <i class="fas fa-envelope"></i>

                                        </span>

                                        <input
                                            type="email"
                                            name="email"
                                            class="form-control"
                                            placeholder="Masukkan email"
                                            required>

                                    </div>

                                </div>

                                <div class="mb-4">

                                    <label class="form-label">
                                        Password
                                    </label>

                                    <div class="input-group">

                                        <span class="input-group-text">

                                            <i class="fas fa-lock"></i>

                                        </span>

                                        <input
                                            type="password"
                                            name="password"
                                            class="form-control"
                                            placeholder="Masukkan password"
                                            required>

                                    </div>

                                </div>

                                <button
                                    type="submit"
                                    class="btn btn-primary btn-login w-100">

                                    <i class="fas fa-sign-in-alt"></i>

                                    Login

                                </button>

                            </form>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

</body>

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