<?php
$currentPage = $page ?? 'dashboard';
$isAdmin = !empty($data_admin) && isset($data_admin['agent_level']) && $data_admin['agent_level'] === "admin";
$isHeadAgent = !empty($data_admin) && isset($data_admin['agent_level']) && $data_admin['agent_level'] === "head_agent";
$canCreateAgent = $isAdmin || $isHeadAgent;
$canViewAgentTransaction = !empty($data_admin) && isset($data_admin['agent_level']) && in_array($data_admin['agent_level'], ['admin', 'head_agent', 'agent'], true);
$canControlRtp = !empty($data_admin) && isset($data_admin['agent_level']) && in_array($data_admin['agent_level'], ['admin', 'head_agent', 'agent'], true);
$showManagementMenu = $canCreateAgent || $canViewAgentTransaction;
$requiresWhatsappVerification = !empty($requiresWhatsappVerification);
$sidebarAgentName = trim((string)($data_admin['agent_name'] ?? 'Agent'));
$sidebarAgentLevel = trim((string)($data_admin['agent_level'] ?? 'agent'));
$sidebarInitial = strtoupper(substr($sidebarAgentName !== '' ? $sidebarAgentName : 'A', 0, 1));
?>
<div class="sidebar-wrapper active app-sidebar-modern sidebar-simple">
    <div class="sidebar-header position-relative">
        <div class="sidebar-topline">
            <div class="logo">
                <a href="<?= page_url('dashboard') ?>" class="sidebar-logo text-decoration-none">
                    <span class="sidebar-logo-mark sidebar-logo-image">
                        <img src="<?= htmlspecialchars($favicon . $faviconVersion, ENT_QUOTES, 'UTF-8') ?>" alt="<?= htmlspecialchars($judul ?: 'Logo', ENT_QUOTES, 'UTF-8') ?>">
                    </span>
                    <span class="sidebar-logo-text">
                        <span><?php echo htmlspecialchars($judul ?: 'GENPLAY'); ?></span>
                        <small>API Panel</small>
                    </span>
                </a>
            </div>
            <div class="theme-toggle d-flex gap-2 align-items-center">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
                    role="img" class="iconify iconify--system-uicons" width="20" height="20"
                    preserveAspectRatio="xMidYMid meet" viewBox="0 0 21 21">
                    <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path
                            d="M10.5 14.5c2.219 0 4-1.763 4-3.982a4.003 4.003 0 0 0-4-4.018c-2.219 0-4 1.781-4 4c0 2.219 1.781 4 4 4zM4.136 4.136L5.55 5.55m9.9 9.9l1.414 1.414M1.5 10.5h2m14 0h2M4.135 16.863L5.55 15.45m9.899-9.9l1.414-1.415M10.5 19.5v-2m0-14v-2"
                            opacity=".3"></path>
                        <g transform="translate(-210 -1)">
                            <path d="M220.5 2.5v2m6.5.5l-1.5 1.5"></path>
                            <circle cx="220.5" cy="11.5" r="4"></circle>
                            <path d="m214 5l1.5 1.5m5 14v-2m6.5-.5l-1.5-1.5M214 18l1.5-1.5m-4-5h2m14 0h2"></path>
                        </g>
                    </g>
                </svg>
                <div class="form-check form-switch fs-6">
                    <input class="form-check-input me-0" type="checkbox" id="toggle-dark" style="cursor: pointer">
                    <label class="form-check-label"></label>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
                    role="img" class="iconify iconify--mdi" width="20" height="20" preserveAspectRatio="xMidYMid meet"
                    viewBox="0 0 24 24">
                    <path fill="currentColor"
                        d="m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3l3.19.09m3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95l2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31Z">
                    </path>
                </svg>
            </div>
            <div class="sidebar-toggler x">
                <a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a>
            </div>
        </div>
        <div class="sidebar-agent-card">
            <div class="sidebar-agent-avatar"><i class="bi bi-person-fill"></i></div>
            <div class="sidebar-agent-meta">
                <strong><?= htmlspecialchars($sidebarAgentName, ENT_QUOTES, 'UTF-8') ?></strong>
                <span><?= htmlspecialchars(strtoupper($sidebarAgentLevel), ENT_QUOTES, 'UTF-8') ?></span>
            </div>
        </div>
    </div>
    <div class="sidebar-menu">
        <?php if ($requiresWhatsappVerification): ?>
        <ul class="menu">
            <li class="sidebar-title">Verifikasi</li>
            <li class="sidebar-item <?php echo $currentPage === 'VerifyWhatsapp' ? 'active' : ''; ?>">
                <a href="<?= page_url('VerifyWhatsapp') ?>" class="sidebar-link">
                    <i class="bi bi-whatsapp"></i>
                    <span>Verifikasi WhatsApp</span>
                </a>
            </li>
        </ul>
        <?php else: ?>
        <ul class="menu">
            <li class="sidebar-title">Main</li>
            <li class="sidebar-item <?php echo $currentPage === 'dashboard' ? 'active' : ''; ?>">
                <a href="<?= page_url('dashboard') ?>" class="sidebar-link">
                    <i class="bi bi-speedometer2"></i>
                    <span>Dashboard</span>
                </a>
            </li>

            <?php if ($showManagementMenu): ?>
            <li class="sidebar-title">Management</li>
            <?php if ($canCreateAgent): ?>
            <li class="sidebar-item <?php echo $currentPage === 'AddAgent' ? 'active' : ''; ?>">
                <a href="<?= page_url('AddAgent') ?>" class="sidebar-link">
                    <i class="bi bi-person-plus"></i>
                    <span>Add Agent</span>
                </a>
            </li>
            <?php endif; ?>
            <?php if ($isAdmin || $isHeadAgent): ?>
            <li class="sidebar-item <?php echo $currentPage === 'ManagementAgent' ? 'active' : ''; ?>">
                <a href="<?= page_url('ManagementAgent') ?>" class="sidebar-link">
                    <i class="bi bi-diagram-3"></i>
                    <span>Management Agent</span>
                </a>
            </li>
            <?php endif; ?>
            <?php if ($canViewAgentTransaction): ?>
            <li class="sidebar-item <?php echo $currentPage === 'AgentTransaction' ? 'active' : ''; ?>">
                <a href="<?= page_url('AgentTransaction') ?>" class="sidebar-link">
                    <i class="bi bi-receipt-cutoff"></i>
                    <span>Agent Transaction</span>
                </a>
            </li>
            <?php endif; ?>
            <?php endif; ?>

            <li class="sidebar-title">Pages</li>
            <li class="sidebar-item <?php echo $currentPage === 'Member' ? 'active' : ''; ?>">
                <a href="<?= page_url('Member') ?>" class="sidebar-link">
                    <i class="bi bi-person-vcard"></i>
                    <span>Member</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'MemberTransaction' ? 'active' : ''; ?>">
                <a href="<?= page_url('MemberTransaction') ?>" class="sidebar-link">
                    <i class="bi bi-wallet2"></i>
                    <span>Member Transaction</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'GameHistory' ? 'active' : ''; ?>">
                <a href="<?= page_url('GameHistory') ?>" class="sidebar-link">
                    <i class="bi bi-activity"></i>
                    <span>Riwayat Game</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'callRtp' ? 'active' : ''; ?>">
                <a href="<?= page_url('callRtp') ?>" class="sidebar-link">
                    <i class="bi bi-bullseye"></i>
                    <span>Call &amp; Rtp</span>
                </a>
            </li>
            <?php if ($canControlRtp): ?>
            <li class="sidebar-item <?php echo $currentPage === 'ControlRtp' ? 'active' : ''; ?>">
                <a href="<?= page_url('ControlRtp') ?>" class="sidebar-link">
                    <i class="bi bi-sliders"></i>
                    <span>Control RTP</span>
                </a>
            </li>
            <?php endif; ?>

            <li class="sidebar-title">Credit &amp; Product</li>
            <li class="sidebar-item <?php echo $currentPage === 'Topup' ? 'active' : ''; ?>">
                <a href="<?= page_url('Topup') ?>" class="sidebar-link">
                    <i class="bi bi-qr-code-scan"></i>
                    <span>TopUp Balance</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'Provider' ? 'active' : ''; ?>">
                <a href="<?= page_url('Provider') ?>" class="sidebar-link">
                    <i class="bi bi-boxes"></i>
                    <span>List Provider</span>
                </a>
            </li>

            <?php if ($isAdmin): ?>
            <li class="sidebar-title">Admin</li>
            <li class="sidebar-item <?php echo $currentPage === 'ProsesTopup' ? 'active' : ''; ?>">
                <a href="<?= page_url('ProsesTopup') ?>" class="sidebar-link">
                    <i class="bi bi-arrow-repeat"></i>
                    <span>Proses Topup</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'Settings' ? 'active' : ''; ?>">
                <a href="<?= page_url('Settings') ?>" class="sidebar-link">
                    <i class="bi bi-sliders2"></i>
                    <span>Settings</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'Blocked' ? 'active' : ''; ?>">
                <a href="<?= page_url('Blocked') ?>" class="sidebar-link">
                    <i class="bi bi-shield-x"></i>
                    <span>Blocked Agent</span>
                </a>
            </li>
            <?php endif; ?>

            <li class="sidebar-title">Info Agent &amp; Docs</li>
            <li class="sidebar-item <?php echo $currentPage === 'Docs' ? 'active' : ''; ?>">
                <a href="<?= page_url('Docs') ?>" class="sidebar-link">
                    <i class="bi bi-file-code"></i>
                    <span>Docs</span>
                </a>
            </li>
            <li class="sidebar-item <?php echo $currentPage === 'Profile' ? 'active' : ''; ?>">
                <a href="<?= page_url('Profile') ?>" class="sidebar-link">
                    <i class="bi bi-person-gear"></i>
                    <span>Info Agent</span>
                </a>
            </li>
        </ul>
        <?php endif; ?>
    </div>
</div>
