<!-- Sidebar -->
<nav class="sidebar sidebar-offcanvas" id="sidebar">
    <ul class="nav">

        <!-- Profile -->
        <li class="nav-item nav-profile border-bottom">
            <a href="#" class="nav-link flex-column">
                <div class="nav-profile-image">
                    <img src="./assets/images/img2.png" alt="profile">
                </div>
                <div class="nav-profile-text d-flex ms-0 mb-3 flex-column">
                    <span class="fw-semibold mb-1 mt-2 text-center">
                        <?php echo $_SESSION['super_admin_name']; ?>
                    </span>
                    <span class="text-secondary icon-sm text-center">
                        Super Admin
                    </span>
                </div>
            </a>
        </li>

        <!-- Logo + Search -->
        <li class="nav-item pt-3">
            <a class="nav-link d-block" href="dashboard.php">
                <img class="sidebar-brand-logo" src="./assets/images/logo.svg" alt="">
                <img class="sidebar-brand-logomini" src="./assets/images/logo-mini.svg" alt="">
                <div class="small fw-light pt-1">Super Admin Panel</div>
            </a>

            <form class="d-flex align-items-center" action="#">
                <div class="input-group">
                    <span class="input-group-text border-0">
                        <i class="mdi mdi-magnify"></i>
                    </span>
                    <input type="text" class="form-control border-0" placeholder="Search">
                </div>
            </form>
        </li>

        <li class="pt-2 pb-1"><span class="nav-item-head">Main Menu</span></li>

        <!-- Dashboard -->
        <li class="nav-item">
            <a class="nav-link" href="dashboard.php">
                <i class="mdi mdi-compass-outline menu-icon"></i>
                <span class="menu-title">Dashboard</span>
            </a>
        </li>

        <!-- Gym Management -->
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="collapse" href="#gymMenu" aria-expanded="false">
                <i class="mdi mdi-dumbbell menu-icon"></i>
                <span class="menu-title">Gym Management</span>
                <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="gymMenu">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item">
                        <a class="nav-link" href="gyms.php">Add Gyms</a>
                    </li>
                </ul>
            </div>
        </li>


<!-- Plans & Subscription -->
<li class="nav-item">
    <a class="nav-link" data-bs-toggle="collapse" href="#reportsMenu2" aria-expanded="false">
        <i class="mdi mdi-card-text-outline menu-icon"></i>
        <span class="menu-title">Plans & Subscription</span>
        <i class="menu-arrow"></i>
    </a>
    <div class="collapse" id="reportsMenu2">
        <ul class="nav flex-column sub-menu">
            <li class="nav-item">
                <a class="nav-link" href="plans.php">Plans</a>
            </li>
        </ul>
    </div>
</li>

<!-- Transactions -->
<li class="nav-item">
    <a class="nav-link" data-bs-toggle="collapse" href="#transactionsMenu" aria-expanded="false">
        <i class="mdi mdi-receipt-text-outline menu-icon"></i>
        <span class="menu-title">Transactions & Billing</span>
        <i class="menu-arrow"></i>
    </a>
    <div class="collapse" id="transactionsMenu">
        <ul class="nav flex-column sub-menu">
            <li class="nav-item">
                <a class="nav-link" href="gym-reports.php">Transaction Reports</a>
            </li>
        </ul>
    </div>
</li>

<!-- Reports -->
<li class="nav-item">
    <a class="nav-link" data-bs-toggle="collapse" href="#reportsMenu" aria-expanded="false">
        <i class="mdi mdi-chart-line menu-icon"></i>
        <span class="menu-title">Reports & Insights</span>
        <i class="menu-arrow"></i>
    </a>
    <div class="collapse" id="reportsMenu">
        <ul class="nav flex-column sub-menu">
            <li class="nav-item">
                <a class="nav-link" href="gym-reports.php">All Reports</a>
            </li>
        </ul>
    </div>
</li>

        <!-- System Settings -->
        <li class="nav-item">
            <a class="nav-link" data-bs-toggle="collapse" href="#settingsMenu" aria-expanded="false">
                <i class="mdi mdi-cog menu-icon"></i>
                <span class="menu-title">System Settings</span>
                <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="settingsMenu">
                <ul class="nav flex-column sub-menu">
                    <li class="nav-item">
                        <a class="nav-link" href="system-settings.php">General Settings</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="admin-users.php">Admin Users</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="backup.php">Backup & Restore</a>
                    </li>
                </ul>
            </div>
        </li>

        <li class="pt-2 pb-1"><span class="nav-item-head">User Pages</span></li>

        <!-- Profile -->
        <li class="nav-item">
            <a class="nav-link" href="profile.php">
                <i class="mdi mdi-account-circle menu-icon"></i>
                <span class="menu-title">Profile</span>
            </a>
        </li>

        <!-- Logout -->
        <li class="nav-item">
            <a class="nav-link text-danger" href="logout.php">
                <i class="mdi mdi-logout menu-icon"></i>
                <span class="menu-title">Logout</span>
            </a>
        </li>

    </ul>
</nav>