templates/admin_tabs.html

<!-- Tab bar -->
<div class="admin-tabs admin-tabs-container">
    <button class="admin-tab-btn tab-hover-effect active" id="tab-btn-dashboard" onclick="switchTab('dashboard')">
        <i class="fa-solid fa-chart-pie"></i>Overview
    </button>
    <button class="admin-tab-btn tab-hover-effect" id="tab-btn-payments" onclick="switchTab('payments')">
        <i class="fa-solid fa-file-invoice-dollar"></i>Payment Queue
    </button>
    <button class="admin-tab-btn tab-hover-effect" id="tab-btn-wallet" onclick="switchTab('wallet')">
        <i class="fa-solid fa-wallet"></i>Wallet Manage
    </button>
    <button class="admin-tab-btn tab-hover-effect" id="tab-btn-support" onclick="switchTab('support')">
        <i class="fa-solid fa-headset"></i>Complaints
        <span id="tab-badge"></span>
    </button>
    <button class="admin-tab-btn tab-hover-effect" id="tab-btn-users" onclick="switchTab('users')">
        <i class="fa-solid fa-users-gear"></i>User Directory
    </button>
    <button class="admin-tab-btn tab-hover-effect" id="tab-btn-downloads" onclick="switchTab('downloads')">
        <i class="fa-solid fa-download"></i>Download History
    </button>
</div>