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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?= esc($this->renderSection('title') ?: 'Login') ?> — BIJ Admin</title>
    <link rel="icon" type="image/png" href="<?= base_url('assets/images/bij_logo.png') ?>">
    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
    <link rel="stylesheet" href="<?= base_url('assets/tailadmin/fa-7.1.0-web/css/all.min.css') ?>">
</head>

<body class="min-h-screen bg-gradient-to-br from-gray-100 via-gray-50 to-gray-200 text-gray-900 antialiased">
    <div class="flex min-h-screen flex-col items-center justify-center px-4 py-10">
        <div class="mb-8 flex flex-col items-center text-center">
            <img src="<?= base_url('assets/images/bpr-logo.png') ?>" alt="Logo BPR" class="h-12 w-auto max-h-16 max-w-[220px] object-contain drop-shadow-sm">
            <p class="mt-3 text-sm font-medium text-gray-600">Panel administrasi BIJ</p>
        </div>
        <div class="w-full max-w-md">
            <?= $this->renderSection('content') ?>
        </div>
        <p class="mt-10 text-center text-xs text-gray-500">PT. BPR Intan Jabar - Presensi &amp; Kepegawaian</p>
    </div>
</body>

</html>