<?php
// বর্তমানে কোন পেজে আছেন তা বের করা (Active Menu দেখানোর জন্য)
$current_page = basename($_SERVER['PHP_SELF']);
$page_name = str_replace('.php', '', $current_page);
?>

<style>
    /* Premium Sidebar Styling */
    #sidebar {
        min-width: 260px;
        max-width: 260px;
        background: #ffffff;
        color: var(--text-dark);
        transition: all 0.3s ease-in-out;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.03); /* একদম সফট শ্যাডো */
        z-index: 1000; /* মডালের সাথে ক্ল্যাশ না করার জন্য 1040 থেকে কমিয়ে 1000 করা হলো */
        border-right: 1px solid rgba(0, 0, 0, 0.04);
        position: relative; /* ফিক্স করার জন্য পজিশন অ্যাড করা হলো */
    }
    
    #sidebar .sidebar-menu {
        padding: 20px 0;
        margin: 0;
        list-style: none;
    }
    
    #sidebar .sidebar-menu li {
        padding: 2px 15px;
        margin-bottom: 4px;
    }
    
    #sidebar .sidebar-menu li a {
        display: flex;
        align-items: center;
        padding: 12px 20px;
        font-size: 15px;
        font-weight: 500;
        color: #6c757d; /* প্রফেশনাল গ্রে কালার */
        text-decoration: none;
        border-radius: 8px; /* মডার্ন রাউন্ডেড শেপ */
        transition: all 0.3s ease;
    }
    
    #sidebar .sidebar-menu li a i {
        width: 28px;
        font-size: 18px;
        margin-right: 10px;
        text-align: left;
        transition: all 0.3s ease;
    }
    
    /* 🌟 Hover Effect (মাউস নিলে যা হবে) */
    #sidebar .sidebar-menu li a:hover {
        background: rgba(1, 71, 201, 0.05); /* হালকা নীল ব্যাকগ্রাউন্ড */
        color: var(--primary-blue);
        transform: translateX(5px); /* সুন্দরভাবে একটু ডানদিকে সরবে */
    }
    
    #sidebar .sidebar-menu li a:hover i {
        color: var(--primary-blue);
    }
    
    /* 🔥 Active State (যে পেজটি ওপেন আছে) */
    #sidebar .sidebar-menu li.active a {
        background: var(--primary-blue);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(1, 71, 201, 0.3); /* গ্লোয়িং শ্যাডো */
    }
    
    #sidebar .sidebar-menu li.active a i {
        color: #ffffff;
    }
    
    /* 🏷️ Sidebar Category Labels (WHMCS Style) */
    .sidebar-label {
        padding: 15px 25px 5px !important;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #adb5bd;
        font-weight: 700;
        margin-top: 5px;
    }
</style>

<!-- Sidebar Nav -->
<nav id="sidebar">
    <ul class="sidebar-menu">
        
        <!-- Main Dashboard -->
        <li class="sidebar-label">Main Menu</li>
        
        <li class="<?= ($page_name == 'dashboard') ? 'active' : '' ?>">
            <a href="dashboard.php"><i class="fas fa-tachometer-alt"></i> <span>Dashboard</span></a>
        </li>
        
        <!-- Client Section -->
        <li class="sidebar-label">Client Management</li>
        
        <li class="<?= ($page_name == 'users') ? 'active' : '' ?>">
            <a href="users.php"><i class="fas fa-users"></i> <span>Manage Users</span></a>
        </li>
        
        <!-- Hosting Section -->
        <li class="sidebar-label">Hosting & Domain</li>
        
        <li class="<?= ($page_name == 'categories') ? 'active' : '' ?>">
            <a href="categories.php"><i class="fas fa-layer-group"></i> <span>Categories</span></a>
        </li>
        <li class="<?= ($page_name == 'packages') ? 'active' : '' ?>">
            <a href="packages.php"><i class="fas fa-box-open"></i> <span>Hosting Packages</span></a>
        </li>
        
        <!-- Billing Section -->
        <li class="sidebar-label">Billing & Orders</li>
        
        <li class="<?= ($page_name == 'orders') ? 'active' : '' ?>">
            <a href="orders.php"><i class="fas fa-shopping-cart"></i> <span>All Orders</span></a>
        </li>
        <li class="<?= ($page_name == 'invoices') ? 'active' : '' ?>">
            <a href="invoices.php"><i class="fas fa-file-invoice-dollar"></i> <span>Invoices</span></a>
        </li>
        
        <!-- Support Section -->
        <li class="sidebar-label">Support & System</li>
        
        <li class="<?= ($page_name == 'tickets') ? 'active' : '' ?>">
            <a href="tickets.php"><i class="fas fa-headset"></i> <span>Support Tickets</span></a>
        </li>
        <li class="<?= ($page_name == 'settings') ? 'active' : '' ?>">
            <a href="settings.php"><i class="fas fa-cog"></i> <span>Settings</span></a>
        </li>
        
    </ul>
</nav>