<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <title><?= esc($title ?? 'Admin Login') ?></title>

    <!-- Bootstrap 5 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <!-- Noto Sans -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="<?= base_url('assets/css/admin.css') ?>">
</head>
<body class="auth-body">

<div class="auth-wrapper">
    <div class="auth-card card">
        <div class="auth-header text-center">
            <div class="mb-2">
                <span style="display:inline-flex;align-items:center;justify-content:center;
                             width:56px;height:56px;border-radius:14px;
                             background:#eef0ff;box-shadow:0 2px 8px rgba(67,97,238,.15)">
                    <i class="bi bi-qr-code-scan fs-3 text-primary"></i>
                </span>
            </div>
            <h5 class="mt-2 fw-bold mb-0">QR Profile CMS</h5>
            <p class="text-muted small mt-1 mb-0">Admin Panel</p>
        </div>
        <div class="card-body px-4 pb-4 bg-white">
            <?= $this->renderSection('content') ?>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
