<?php
//Developer: core tech web designTechnology
//Whatsapp: +2349162671360
//Telegram: @jeditech
?>
<style>
  @import url(https://fonts.googleapis.com/css?family=Signika:700,300,600);

  .radium {
    font-size: 18px;
    font: bold 18px/1.6 'Signika', sans-serif;
    user-select: none;
  }

  .radium span {
    display: inline-block;
    animation: float .2s ease-in-out infinite;
  }

  @keyframes float {

    0%,
    100% {
      transform: none;
    }

    33% {
      transform: translateY(-1px) rotate(-2deg);
    }

    66% {
      transform: translateY(1px) rotate(2deg);
    }
  }

  .radium:hover span {
    animation: bounce .6s;
  }

  @keyframes bounce {

    0%,
    100% {
      transform: translate(0);
    }

    25% {
      transform: rotateX(20deg) translateY(2px) rotate(-3deg);
    }

    50% {
      transform: translateY(-20px) rotate(3deg) scale(1.1);
    }
  }

  .radiumspan:nth-child(4n) {
    color: hsl(50, 75%, 55%);
    text-shadow: 1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%);
  }

  .radium span:nth-child(4n-1) {
    color: hsl(135, 35%, 55%);
    text-shadow: 1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%);
  }

  .radium span:nth-child(4n-2) {
    color: hsl(155, 35%, 60%);
    text-shadow: 1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%);
  }

  .radium span:nth-child(4n-3) {
    color: hsl(30, 65%, 60%);
    text-shadow: 1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%);
  }

  .radium span:nth-child(4n) {
    color: hsl(50, 75%, 55%);
    text-shadow: 1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%);
  }

  .radium span:nth-child(4n-1) {
    color: hsl(135, 35%, 55%);
    text-shadow: 1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%);
  }

  .radium span:nth-child(4n-2) {
    color: hsl(155, 35%, 60%);
    text-shadow: 1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%);
  }

  .radium span:nth-child(4n-3) {
    color: hsl(30, 65%, 60%);
    text-shadow: 1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%);
  }

  .radium span:nth-child(2) {
    animation-delay: .05s;
  }

  .radium span:nth-child(3) {
    animation-delay: .1s;
  }

  .radium span:nth-child(4) {
    animation-delay: .15s;
  }

  .radium span:nth-child(5) {
    animation-delay: .2s;
  }

  .radium span:nth-child(6) {
    animation-delay: .25s;
  }

  .radium span:nth-child(7) {
    animation-delay: .3s;
  }

  .radium span:nth-child(8) {
    animation-delay: .35s;
  }

  .radium span:nth-child(9) {
    animation-delay: .4s;
  }

  .radium span:nth-child(10) {
    animation-delay: .45s;
  }

  .radium span:nth-child(11) {
    animation-delay: .5s;
  }

  .radium span:nth-child(12) {
    animation-delay: .55s;
  }

  .radium span:nth-child(13) {
    animation-delay: .6s;
  }

  .radium span:nth-child(14) {
    animation-delay: .65s;
  }
</style>
<ul class="navbar-nav sidebar sidebar-light accordion" id="accordionSidebar">
  <a class="sidebar-brand d-flex align-items-center justify-content-center" href="#">
    <div class="sidebar-brand-icon rounded-circle">
      <img src="<?php echo htmlspecialchars(!empty($site_data['logo_url']) ? $site_data['logo_url'] : $site_data['web_url'] . '/images/softbills.png'); ?>">
    </div>
  </a>
  <hr class="sidebar-divider my-0">

  <!-- Dashboard -->
  <li class="nav-item active" id="dashboard">
    <a class="nav-link" href="dashboard">
      <i class="fas fa-fw fa-tachometer-alt"></i>
      <span>Dashboard</span>
    </a>
  </li>

  <hr class="sidebar-divider">
  <div class="sidebar-heading">User Management</div>

  <!-- User Management Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUserManagement"
        aria-expanded="true" aria-controls="collapseUserManagement">
      <i class="fas fa-fw fa-users"></i>
      <span>Users</span>
    </a>
    <div id="collapseUserManagement" class="collapse" aria-labelledby="headingUserManagement" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">User Management:</h6>
        <a class="collapse-item" id="all_user" href="all_users">
          <i class="fas fa-users mr-2"></i>All Users
        </a>
        <a class="collapse-item" id="blocked_users" href="blocked_user">
          <i class="fas fa-user-alt-slash mr-2"></i>Blocked Users
        </a>
        <a class="collapse-item" id="blocked_users" href="babnned_user">
          <i class="fas fa-user-alt-slash mr-2"></i>Banned Users
        </a>
        <a class="collapse-item" id="admins" href="admin_users">
          <i class="fas fa-user-tie mr-2"></i>Admins
        </a>
        <a class="collapse-item" id="withdrawals" href="withdrawals">
          <i class="fas fa-money-bill-transfer mr-2"></i>Withdrawals
        </a>
        <a class="collapse-item" id="kyc-verifications" href="kyc-verifications">
          <i class="fas fa-shield-halved mr-2"></i>KYC Verifications
        </a>
      </div>
    </div>
  </li>

  <!-- Withdrawals (standalone) -->
  <li class="nav-item">
    <a class="nav-link" id="withdrawals-nav" href="withdrawals">
      <i class="fas fa-fw fa-money-bill-transfer"></i>
      <span>Withdrawals</span>
    </a>
  </li>

  <!-- KYC Verifications (standalone) -->
  <li class="nav-item">
    <a class="nav-link" id="kyc-nav" href="kyc-verifications">
      <i class="fas fa-fw fa-shield-halved"></i>
      <span>KYC Verifications</span>
    </a>
  </li>

  <hr class="sidebar-divider">
  <div class="sidebar-heading">Service Management</div>

  <!-- Service Management Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseServiceManagement"
        aria-expanded="true" aria-controls="collapseServiceManagement">
      <i class="fas fa-fw fa-server"></i>
      <span>SMS</span>
    </a>
    <div id="collapseServiceManagement" class="collapse" aria-labelledby="headingServiceManagement" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a class="collapse-item" id="sms-services" href="sms-services">
          <i class="fas fa-folder-plus mr-2"></i>Services
        </a>
        <a class="collapse-item" id="sync-services" href="sync-services">
          <i class="fas fa-folder-plus mr-2"></i>Sync Services
        </a>
        <a class="collapse-item" id="countries" href="countries">
          <i class="fas fa-folder-plus mr-2"></i>Countries
        </a>
        <a class="collapse-item" id="apis" href="apis">
          <i class="fas fa-code-branch mr-2"></i>APIs
        </a>
        <a class="collapse-item" id="fivesim_settings" href="fivesim_settings">
          <i class="fas fa-mobile-alt mr-2"></i>5SIM Settings
        </a>
        <a class="collapse-item" id="smsbus_settings" href="smsbus_settings">
          <i class="fas fa-bus mr-2"></i>SMS-Bus Settings
        </a>
        <a class="collapse-item" id="sms_numbers" href="sms_numbers">
          <i class="fas fa-mobile-alt mr-2"></i>Numbers Management
        </a>
      </div>
    </div>
  </li>
  
  <!-- SMM Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseServiceManage"
        aria-expanded="true" aria-controls="collapseServiceManage">
      <i class="fas fa-fw fa-server"></i>
      <span>SMM</span>
    </a>
    <div id="collapseServiceManage" class="collapse" aria-labelledby="headingServiceManage" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a class="collapse-item" id="smm-services" href="smm-services">
          <i class="fas fa-folder-plus mr-2"></i>Services
        </a>
        <a class="collapse-item" id="smm-orders" href="smm-orders">
          <i class="fas fa-folder-plus mr-2"></i>SMM Orders
        </a>
      </div>
    </div>
  </li>
  
  <!-- Blog -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="admin_blog" 
        aria-expanded="true">
      <i class="fas fa-fw fa-server"></i>
      <span>Blog</span>
    </a>
  </li>
  
  <!-- Blog -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="vtu-plans" 
        aria-expanded="true">
      <i class="fas fa-fw fa-wifi"></i>
      <span>VTU</span>
    </a>
  </li>
  
  <!-- Gift Cards (Reloadly) -->
  
  <!-- Marketplace -->
  <li class="nav-item">
    <a class="nav-link" id="marketplace" href="marketplace">
      <i class="fas fa-fw fa-store"></i>
      <span>Marketplace</span>
    </a>
  </li>

  <!-- Seller Applications -->
  <li class="nav-item">
    <a class="nav-link" id="seller-applications" href="seller-applications">
      <i class="fas fa-fw fa-user-tie"></i>
      <span>Seller Applications</span>
    </a>
  </li>

  <!-- Seller Withdrawals -->
  <li class="nav-item">
    <a class="nav-link" id="seller-withdrawals" href="seller-withdrawals">
      <i class="fas fa-fw fa-money-bill-transfer"></i>
      <span>Seller Withdrawals</span>
    </a>
  </li>

  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseGiftCards"
        aria-expanded="true" aria-controls="collapseGiftCards">
      <i class="fas fa-fw fa-gift"></i>
      <span>Gift Cards</span>
    </a>
    <div id="collapseGiftCards" class="collapse" aria-labelledby="headingGiftCards" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Buying Gift Cards:</h6>
        <a class="collapse-item" id="reloadly-settings" href="reloadly-settings">
          <i class="fas fa-key mr-2"></i>API Settings &amp; Products
        </a>
        <a class="collapse-item" id="gift-card-orders" href="gift-card-orders">
          <i class="fas fa-receipt mr-2"></i>Orders
        </a>
      </div>
    </div>
    <div id="collapseGiftCards" class="collapse" aria-labelledby="headingGiftCards" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Selling Gift Cards:</h6>
        <a class="collapse-item" id="sell-giftcard-types-admin" href="sell-giftcard-types-admin">
          <i class="fas fa-key mr-2"></i>Supported Selling Giftcard
        </a>
        <a class="collapse-item" id="sell-giftcard-admin" href="sell-giftcard-admin">
          <i class="fas fa-receipt mr-2"></i>Selling Gift Cards History
        </a>
      </div>
    </div>
  </li>

  <!-- Virtual Cards (StroWallet) -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseVirtualCards"
        aria-expanded="true" aria-controls="collapseVirtualCards">
      <i class="fas fa-fw fa-credit-card"></i>
      <span>Virtual Cards</span>
    </a>
    <div id="collapseVirtualCards" class="collapse" aria-labelledby="headingVirtualCards" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">USD Virtual Cards:</h6>
        <a class="collapse-item" id="virtual-cards-settings" href="admin-virtual-cards">
          <i class="fas fa-key mr-2"></i>Settings &amp; Issued Cards
        </a>
        <a class="collapse-item" id="virtual-cards-txns" href="card-transactions">
          <i class="fas fa-receipt mr-2"></i>Card Transactions
        </a>
      </div>
    </div>
  </li>

  <!-- Social Media Marketplace -->
  <!--<li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSMMarketplace"
        aria-expanded="true" aria-controls="collapseSMMarketplace">
      <i class="fas fa-store"></i>
      <span>Log(s) Marketplace</span>
    </a>
    <div id="collapseSMMarketplace" class="collapse" aria-labelledby="headingSMMarketplace" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Categories</h6>
        <a class="collapse-item" id="add_sm_category" href="add_sm_category">
          <i class="fas fa-plus-circle mr-2"></i>Add Category
        </a>
        <a class="collapse-item" id="show_sm_categories" href="show_sm_categories">
          <i class="fas fa-list mr-2"></i>Show Categories
        </a>
        <div class="collapse-divider"></div>
        <h6 class="collapse-header">Services</h6>
        <a class="collapse-item" id="add_sm_service" href="add_sm_service">
          <i class="fas fa-plus-circle mr-2"></i>Add Service
        </a>
        <a class="collapse-item" id="show_sm_services" href="show_sm_services">
          <i class="fas fa-list mr-2"></i>Show Services
        </a>
        <div class="collapse-divider"></div>
        <h6 class="collapse-header">Transactions</h6>
        <a class="collapse-item" id="show_sm_transactions" href="show_sm_transactions">
          <i class="fas fa-receipt mr-2"></i>Logs Transactions
        </a>
      </div>
    </div>
  </li> -->

  <!-- XtraLogTools API Settings -->
  <li class="nav-item">
    <a class="nav-link" id="logs-api-settings" href="logs-api-settings">
      <i class="fas fa-fw fa-terminal"></i>
      <span>Logs API (XtraLogTools)</span>
    </a>
  </li>

  <!-- Custom Pricing & Images Collapse -->
  <!--
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseCustomization"
        aria-expanded="true" aria-controls="collapseCustomization">
      <i class="fas fa-fw fa-pen"></i>
      <span>Customization</span>
    </a>
    <div id="collapseCustomization" class="collapse" aria-labelledby="headingCustomization" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Service Settings:</h6>
        <a class="collapse-item" id="image_data" href="image_data">
          <i class="fas fa-palette mr-2"></i>SMS Service Images
        </a>
      </div>
    </div>
  </li>
-->
  <hr class="sidebar-divider">
  <div class="sidebar-heading">Transactions & History</div>

  <!-- Transactions Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTransactions"
        aria-expanded="true" aria-controls="collapseTransactions">
      <i class="fas fa-fw fa-money-bill-wave"></i>
      <span>Transactions</span>
    </a>
    <div id="collapseTransactions" class="collapse" aria-labelledby="headingTransactions" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Payment Transactions:</h6>
        <a class="collapse-item" id="transactions" href="transactions">
          <i class="fas fa-bitcoin mr-2"></i>Deposit Transactions
        </a>
      </div>
    </div>
  </li>

  <hr class="sidebar-divider">
  <div class="sidebar-heading">Referral System</div>

  <!-- Referral System Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseReferral"
        aria-expanded="true" aria-controls="collapseReferral">
      <i class="fas fa-fw fa-user-friends"></i>
      <span>Referral System</span>
    </a>
    <div id="collapseReferral" class="collapse" aria-labelledby="headingReferral" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">Referral Management:</h6>
        <a class="collapse-item" id="referral-stats.php" href="referral-stats.php">
          <i class="fas fa-users mr-2"></i>Referral Overview
        </a>
        <a class="collapse-item" id="manage-withdrawals" href="manage-withdrawals">
          <i class="fas fa-money-bill-wave mr-2"></i>Withdrawals
        </a>
      </div>
    </div>
  </li>

  <hr class="sidebar-divider">
  <div class="sidebar-heading">Communication</div>

  <!-- Send Email -->
  <li class="nav-item">
    <a class="nav-link" id="send-email" href="send-email">
      <i class="fas fa-fw fa-envelope"></i>
      <span>Send Email</span>
    </a>
  </li>

  <hr class="sidebar-divider">
  <div class="sidebar-heading">System Settings</div>

  <!-- System Settings Collapse -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseSettings"
        aria-expanded="true" aria-controls="collapseSettings">
      <i class="fas fa-fw fa-cogs"></i>
      <span>Settings</span>
    </a>
    <div id="collapseSettings" class="collapse" aria-labelledby="headingSettings" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <h6 class="collapse-header">System Configuration:</h6>
        <a class="collapse-item" id="settings" href="settings">
          <i class="fas fa-cog mr-2"></i>General Settings
        </a>
        <a class="collapse-item" id="admin_profile" href="admin-profile">
          <i class="fas fa-user-circle mr-2"></i>My Profile
        </a>
        <!--
        <a class="collapse-item" id="cronjob" href="cron/cron_status">
          <i class="fas fa-cog mr-2"></i>Cronjob
        </a> -->
      </div>
    </div>
  </li>

  <hr class="sidebar-divider">

  <!-- Logout -->
  <li class="nav-item" id="logout">
    <a class="nav-link" href="<?php echo $site_data['web_url']; ?>/logout">
      <i class="fas fa-sign-out-alt"></i>
      <span>Logout</span>
    </a>
  </li>

  <hr class="sidebar-divider">
  <div class="version" style="color:red; font-size:15px; font-weight: bold;"><?php echo $site_data['web_name']; ?> - v1.1</div>
</ul>