<aside class="sidebar">
    <div class="sidebar-header">
        <img src="<?= ($ASSET_PATH) ?>/images/logo.png" alt="Inway Logo" class="sidebar-logo" onerror="this.style.display='none'">
        <div class="sidebar-brand">
            <h1>INWAY</h1>
            <span>Service Control Panel</span>
        </div>
    </div>
    
    <nav class="sidebar-nav">
        <a href="<?= ($BASE_PATH) ?>/super-admin" class="nav-item <?= ($active_page == 'dashboard' ? 'active' : '') ?>">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
                d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
            </svg>
            <span>Dashboard</span>
        </a>

        <a href="<?= ($BASE_PATH) ?>/super-admin/companies" class="nav-item <?= ($active_page == 'companies' ? 'active' : '') ?>">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
                d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
            </svg>
            <span>Clients</span>
        </a>
    </nav>
    
    <div class="sidebar-footer">
        <div class="user-info">
            <div class="user-avatar"><?= (substr($user['name'], 0, 1)) ?></div>
            <div class="user-details">
                <div class="user-name"><?= ($user['name']) ?></div>
                <div class="user-role">Super Admin</div>
            </div>
        </div>
        <a href="<?= ($BASE_PATH) ?>/logout" class="btn btn-logout">Logout</a>
    </div>
</aside>