<?= $this->extend('layout/admin') ?>
<?= $this->section('content') ?>

<style>
.login-wrapper{
    min-height:calc(100vh - 120px);
    background:linear-gradient(160deg,#0b1c3d,#1f3c88);
    display:flex;
    align-items:center;
    justify-content:center;
}
.login-card{
    width:100%;
    max-width:420px;
    border-radius:18px;
}
.btn-ppdb{
    background:linear-gradient(135deg,#1f3c88,#2a56c6);
    border:none;
    font-weight:700;
}
</style>

<div class="login-wrapper">
    <div class="card login-card shadow-lg">
        <div class="card-body p-4">

            <h4 class="text-center fw-bold mb-2">Login PPDB</h4>
            <p class="text-center text-muted small mb-4">
                Sekolah Acropolis 
            </p>

            <?php if(session()->getFlashdata('error')): ?>
                <div class="alert alert-danger">
                    <?= session()->getFlashdata('error') ?>
                </div>
            <?php endif; ?>

            <form method="post" action="<?= site_url('ppdb/login') ?>">

                <div class="mb-3">
                    <label>Email</label>
                    <input type="email" name="email" class="form-control" required>
                </div>

                <div class="mb-3">
                    <label>Password</label>
                    <input type="password" name="password" class="form-control" required>
                </div>

                <button class="btn btn-ppdb w-100">
                    Masuk
                </button>
            </form>

            <p class="text-center small text-muted mt-3">
                Akun belum aktif? cek email untuk aktivasi
            </p>

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

<?= $this->endSection() ?>
