<?php
// Start session only if it's not already started
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}

// Check if 'license' exists in the session
if (isset($_SESSION['license'])) {
    // Check if 'admin' exists in the session and is set to "true"
    if (!empty($_SESSION['admin']) && $_SESSION['admin'] == "true") {
        header('Location: http://localhost/download/ap/smart-ai/admin/?reload=true');
        exit();
    }
    require_once __DIR__ . '/logged_in_page.php';
    exit();
}
?>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DOWNLOAD – localhost</title>
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js" integrity="sha512-TPh2Oxlg1zp+kz3nFA0C5vVC6leG/6mm1z9+mA81MI5eaUVqasPLO8Cuk4gMF4gUfP5etR73rgU/8PNMsSesoQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="/download/ap/smart-ai/login/login.js" defer></script>
    <script src="/download/ap/smart-ai/login/app/navbar.js" defer></script>
    <script src="/download/ap/smart-ai/login/app/navbar-mobile.js" defer></script>
</head>
<body class="relative text-gray-100 h-screen flex flex-col">
    <!-- Background and Overlay -->
    <div class="absolute w-full h-full -z-10">
        <div class="relative h-full overflow-hidden">
            <!-- Background Image -->
            <img src="/images/download-system/backgrounds/ap-background.webp" 
                alt="Banner" 
                class="object-cover w-full h-full bg-center bg-no-repeat" 
                style="object-position: 50% 50%;">

            <!-- Default Gradient Overlay -->
            <div class="absolute inset-0 from-5% bg-gradient-to-t from-[#0a0a0a] via-[#0a0a0a]/80 to-[#0a0a0a]/80 backdrop-blur-[4px]"></div>
        </div>
    </div>

    <!-- Main Content -->
    <div class="relative z-10 flex flex-col h-full">
        <!-- Header Section -->
        <!-- Navbar -->
        <header>
            <!-- Navbar -->
            <!-- Overlay outside navbar -->
            <div id="overlay" class="fixed inset-0 bg-black/80 backdrop-blur-[3px] hidden transition-all duration-300 ease-in-out opacity-0 z-50"></div>
            <!-- Mobile Menu outside navbar -->
            <div id="mobileMenu" class="fixed top-0 right-0 h-screen w-[350px] bg-[#101010] hidden transform translate-x-full transition-all duration-300 ease-in-out z-50">
               <div class="flex flex-col space-y-[6px] px-4">
                  <!-- Header Section -->
                  <div class="flex items-center justify-between pb-[7px] pt-[12px]">
                     <a href="/">
                        <img src="/images/Logo/OneShot-HQ.png" alt="Logo" class="w-[155px] h-[48px]" />
                     </a>
                     <button id="closeMenuButton" class="text-gray-300 hover:text-white focus:outline-none bg-[#262626]/20 hover:bg-[#262626]/55 border border-[#1f2328]/85 backdrop-blur-xl px-[8px] py-[6px] rounded-[10px]">
                        <svg class="w-[29px] h-[29px]" 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="3" d="M6 18L18 6M6 6l12 12" />
                        </svg>
                     </button>
                  </div>
                  <!-- Mobile Select Game Button Starts -->
                  <div class="border-t border-[#282828]"></div>
                  <div class="relative">
                     <button
                        id="mobile_selectgameButton"
                        class="relative flex items-center w-full px-[15px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                        <span class="absolute inset-y-0 left-0 right-0 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                        <span class="relative z-10">Select Game</span>
                        <svg
                           id="mobile_selectgameArrow"
                           class="ml-auto w-5 h-5 transform transition-transform duration-200"
                           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 9l-7 7-7-7" />
                        </svg>
                     </button>
                     <!-- Dropdown Options -->
                     <div id="mobile_selectgameDropdown" class="hidden flex-col text-gray-300 mt-2 py-2 bg-[#18181b] rounded-[10px] shadow-lg border border-[#282828]">
                        <a href="/fortnite/" 
                           class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/F.webp" alt="Fortnite" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Fortnite</span>
                        </a>
                        <a href="/apex/" 
                           class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/A.webp" alt="Apex" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Apex</span>
                        </a>
                        <a href="/fortnite/" 
                           class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/C.webp" alt="Counter Strike 2" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Counter Strike 2</span>
                        </a>
                     </div>
                  </div>
                  <!-- Mobile Select Game Button Ends -->
                  <div class="border-t border-[#282828]"></div>
                  <!-- Menu Items -->
                      <a href="#" class="relative flex items-center w-full px-[15px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                          <span class="absolute inset-y-0 left-0 right-0 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                          <span class="relative z-10">Store</span>
                      </a>
                      <div class="relative">
                         <button
                            id="downloadButton"
                            class="relative flex items-center w-full px-[15px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                            <span class="absolute inset-y-0 left-0 right-0 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                            <span class="relative z-10">Download</span>
                            <svg
                               id="downloadArrow" class="ml-auto w-5 h-5 transform transition-transform duration-200" 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 9l-7 7-7-7" />
                            </svg>
                         </button>
                         <!-- Dropdown Options -->
                         <div id="downloadDropdown" class="hidden flex-col text-gray-300">
                            <div class="relative">
                              <button
                                  id="mobile_fortniteButton"
                                  class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                                  <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                                  <img src="/images/icons/F.webp" alt="Fortnite" class="relative z-10 w-6 h-6 mr-3" />
                                  <span class="relative z-10">Fortnite</span>
                                  <svg
                                      id="mobile_fortniteArrow"
                                      class="ml-auto w-5 h-5 transform transition-transform duration-200"
                                      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="M9 5l7 7-7 7" />
                                  </svg>
                              </button>
                          
                              <!-- Dropdown Options -->
                              <div
                                  id="mobile_fortniteDropdown"
                                  class="hidden flex-col space-y-1 mt-2 mb-2 px-2 py-2 bg-[#18181b] rounded-[10px] shadow-lg border border-[#282828] text-gray-300">
                                  <a href="/download/fn/bundle/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Bundle</a>
                                  <a href="/download/fn/smart-ai/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Smart AI</a>
                                  <a href="/download/fn/tournament/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Tournament Edition</a>
                              </div>
                          </div>
                          <div class="relative">
                              <button
                                  id="mobile_apexButton"
                                  class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                                  <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                                  <img src="/images/icons/A.webp" alt="Apex" class="relative z-10 w-6 h-6 mr-3" />
                                  <span class="relative z-10">Apex</span>
                                  <svg
                                      id="mobile_apexArrow"
                                      class="ml-auto w-5 h-5 transform transition-transform duration-200"
                                      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="M9 5l7 7-7 7" />
                                  </svg>
                              </button>
                      
                              <!-- Apex Submenu -->
                              <div
                                  id="mobile_apexDropdown"
                                  class="hidden flex-col space-y-1 mt-2 mb-2 px-2 py-2 bg-[#18181b] rounded-[10px] shadow-lg border border-[#282828] text-gray-300">
                                  <a href="/download/ap/bundle/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Bundle</a>
                                  <a href="/download/ap/smart-ai/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Smart AI</a>
                                  <a href="/download/ap/stealth/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Stealth Edition</a>
                              </div>
                          </div>
                          <div class="relative">
                              <button
                                  id="mobile_cs2Button"
                                  class="relative flex items-center w-full px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                                  <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                                  <img src="/images/icons/C.webp" alt="Counter Strike 2" class="relative z-10 w-6 h-6 mr-3" />
                                  <span class="relative z-10">Counter Strike 2</span>
                                  <svg
                                      id="mobile_cs2Arrow"
                                      class="ml-auto w-5 h-5 transform transition-transform duration-200"
                                      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="M9 5l7 7-7 7" />
                                  </svg>
                              </button>
                      
                              <!-- Counter Strike 2 Submenu -->
                              <div
                                  id="mobile_cs2Dropdown"
                                  class="hidden flex-col space-y-1 mt-2 px-2 py-2 bg-[#18181b] rounded-[10px] shadow-lg border border-[#282828] text-gray-300">
                                  <a href="/download/cs2/external/" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">External</a>
                                  <a href="#" class="block px-4 py-2 hover:bg-[#2b2b31] hover:text-white rounded-[10px] transition">Simple No Recoil</a>
                              </div>
                          </div>
                         </div>
                      </div>
                  <a href="#" class="relative flex items-center w-full px-[15px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group hover:text-white">
                      <span class="absolute inset-y-0 left-0 right-0 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                      <span class="relative z-10">Changelog</span>
                  </a>
                  <div class="border-t border-[#282828]"></div>
                  <div class="flex flex-col space-y-[22px] p-4 rounded-lg text-gray-300">
                      <!-- Discord Button -->
                      <a href="/resell-rebrand" class="flex items-center space-x-3 group transition ease-in duration-[400ms] hover:text-white">
                          <i class="fa-brands fa-discord text-gray-500 text-[21px] group-hover:text-white transition-all duration-[400ms]"></i>
                          <span class="text-[16px] text-gray-300 group-hover:text-white transition-all duration-[400ms]">Discord</span>
                      </a>
                      <!-- Telegram Button -->
                      <a href="/resell-rebrand" class="flex items-center space-x-3 group transition ease-in duration-[400ms] hover:text-white">
                          <i class="fa-brands fa-telegram text-gray-500 text-[21px] group-hover:text-white transition-all duration-[400ms]"></i>
                          <span class="text-[16px] text-gray-300 group-hover:text-white transition-all duration-[400ms]">Telegram</span>
                      </a>
                      <!-- Resell / Rebrand Button -->
                      <a href="/resell-rebrand" class="flex items-center space-x-3 group transition ease-in duration-[400ms] hover:text-white">
                          <i class="fa-solid fa-handshake text-gray-500 text-[21px] group-hover:text-white transition-all duration-[400ms]"></i>
                          <span class="text-[16px] text-gray-300 group-hover:text-white transition-all duration-[400ms]">Resell / Rebrands</span>
                      </a>
                      <span class="flex items-center gap-2 bg-[#1e1e1e] py-[5px] px-[12px] rounded-[9px]">
                          <span class="relative flex h-3 w-3">
                              <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
                              <span class="relative inline-flex h-3 w-3 rounded-full bg-green-500"></span>
                          </span>
                          <span class="text-gray-300">Cheats Status:</span> <span class="text-green-500">Undetected</span>
                      </span>
                  </div>
               </div>
            </div>
            <!-- Mobile Menu ends navbar -->
            <nav id="navbar" class="sticky top-0 left-0 w-full z-40 bg-neutral-950/50 backdrop-blur-[10px] border-b border-[#1f2328]/80 transition-all duration-500 ease-in-out">
               <div class="flex justify-between items-center py-3 max-w-[1450px] mx-auto px-4">
                  <!-- Left Section -->
                  <div class="flex items-center space-x-4">
                     <!-- Logo -->
                     <a href="/" class="flex items-center space-x-2">
                     <img src="/images/logo/OneShot-HQ.png" alt="Logo" width="146" height="45" />
                     </a>
                     <!-- New Dropdown -->
                     <div class="relative max-[600px]:hidden">
                        <button
                           id="leftDropdownButton"
                           class="text-gray-300 text-[16px] max-[430px]:text-[14px] bg-[#262626]/20 hover:bg-[#262626]/55 hover:text-white px-4 py-2 rounded-[10px] transition border duration-200 flex items-center border border-[#1f2328]/85 backdrop-blur-xl">
                           Select Game
                           <svg class="ml-2 w-5 h-5" 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 9l-7 7-7-7" />
                           </svg>
                        </button>
                        <!-- Dropdown Content -->
                        <div id="leftDropdownMenu" class="hidden absolute z-10 mt-[14px] pt-2 pb-2 w-[230px] bg-[#18181b] border border-[#1f2328] rounded-[13px] shadow-lg text-[16px] transition-opacity duration-500 opacity-0">
                           <a href="/fortnite/" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/F.webp" alt="Fortnite" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Fortnite</span>
                           </a>
                           <a href="/apex/" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/A.webp" alt="Apex" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Apex</span>
                           </a>
                           <a href="/cs2/" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-b-[15px] group">
                           <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                           <img src="/images/icons/C.webp" alt="CS2" class="relative z-10 w-6 h-6 mr-3" />
                           <span class="relative z-10">Counter Strike 2</span>
                           </a>
                        </div>
                     </div>
                  </div>
                  <!-- Right Section -->
                  <div class="hidden min-[822px]:flex items-center space-x-4">
                     <a class="text-gray-300 text-[16px] hover:bg-[#262626] hover:bg-opacity-95 hover:text-white px-4 py-2 rounded-[10px] transition duration-200" href="/">Store</a>
                     <!-- Existing Dropdown -->
                     <div class="relative">
                        <button id="downloadDropdownButton" class="text-[#d8143b] font-bold hover:bg-[#d8143b] hover:text-white pl-4 pr-[12px] py-2 rounded-[10px] transition duration-200 flex items-center">
                           Download
                           <svg class="ml-2 w-5 h-5" 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 9l-7 7-7-7" />
                           </svg>
                        </button>
                        <!-- Dropdown Content -->
                        <div id="dropdownMenu" class="hidden absolute z-10 mt-[14px] pt-2 pb-2 w-[230px] bg-[#18181b] border border-[#1f2328] rounded-[13px] shadow-lg text-[16px] transition-opacity duration-500 opacity-0">
                           <!-- Fortnite -->
                           <a href="#" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group" id="submenu-fortnite-button">
                              <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <img src="/images/icons/F.webp" alt="Fortnite" class="relative z-10 w-6 h-6 mr-3" />
                              <span class="relative z-10">Fortnite</span>
                              <svg class="ml-auto mr-[0px] w-5 h-5 relative z-10" 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="M9 5l7 7-7 7" />
                              </svg>
                           </a>
                           <div id="submenu-fortnite" class="hidden absolute left-full top-0 w-[180px] pt-1 pb-1 mt-0 ml-1 bg-[#18181b] border border-[#1f2328] rounded-[13px] shadow-lg text-[14px] transition-opacity duration-500 opacity-0">
                              <a href="/download/fn/bundle/" class="relative flex items-center px-[13px] py-[7px] text-gray-300 transition duration-200 rounded-t-[15px] group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-1 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Bundle</span>
                              </a>
                              <a href="/download/fn/smart-ai/" class="relative flex items-center px-[13px] py-[7px] text-gray-300 transition duration-200 group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-1 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Smart AI</span>
                              </a>
                              <a href="/download/fn/tournament/" class="relative flex items-center px-[13px] py-[7px] text-gray-300 transition duration-200 group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-1 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Tournament Edition</span>
                              </a>
                           </div>
                           <!-- Apex -->
                           <a href="#" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group" id="submenu-apex-button">
                              <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <img src="/images/icons/A.webp" alt="Apex" class="relative z-10 w-6 h-6 mr-3" />
                              <span class="relative z-10">Apex</span>
                              <svg class="ml-auto mr-[0px] w-5 h-5 relative z-10" 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="M9 5l7 7-7 7" />
                              </svg>
                           </a>
                           <div id="submenu-apex" class="hidden absolute left-full top-0 w-[180px] pt-[6px] pb-[6px] mt-[52px] ml-1 bg-[#18181b] border border-[#1f2328] rounded-[13px] shadow-lg text-[14px] transition-opacity duration-500 opacity-0">
                              <!-- Sub menu options -->
                              <a href="/download/ap/bundle/" class="relative flex items-center px-[14px] py-[7px] text-gray-300 transition duration-200 rounded-t-[15px] group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-[6px] rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Bundle</span>
                              </a>
                              <a href="/download/ap/smart-ai/" class="relative flex items-center px-[14px] py-[7px] text-gray-300 transition duration-200 group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-[6px] rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Smart AI</span>
                              </a>
                              <a href="/download/ap/stealth/" class="relative flex items-center px-[14px] py-[7px] text-gray-300 transition duration-200 group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-[6px] rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Stealth Edition</span>
                              </a>
                           </div>
                           <!-- CS2 -->
                           <a href="#" class="relative flex items-center px-[18px] py-[10px] text-gray-300 transition duration-200 rounded-t-[15px] group" id="submenu-cs2-button">
                              <span class="absolute inset-y-0 left-0 right-0 mx-2 rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <img src="/images/icons/C.webp" alt="Counter Strike 2" class="relative z-10 w-6 h-6 mr-3" />
                              <span class="relative z-10">Counter Strike 2</span>
                              <svg class="ml-auto mr-[0px] w-5 h-5 relative z-10" 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="M9 5l7 7-7 7" />
                              </svg>
                           </a>
                           <div id="submenu-cs2" class="hidden absolute left-full top-0 w-[180px] pt-[6px] pb-[6px] mt-[95px] ml-1 bg-[#18181b] border border-[#1f2328] rounded-[13px] shadow-lg text-[15px] transition-opacity duration-500 opacity-0">
                              <!-- Sub menu options -->
                              <a href="/download/cs2/external/" class="relative flex items-center px-[14px] py-[7px] text-gray-300 transition duration-200 rounded-t-[15px] group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-[6px] rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">External</span>
                              </a>
                              <a href="#" class="relative flex items-center px-[14px] py-[7px] text-gray-300 transition duration-200 group">
                              <span class="absolute inset-y-0 left-0 right-0 mx-[6px] rounded-[10px] bg-[#2b2b31] scale-0 group-hover:scale-100 transition-transform duration-200"></span>
                              <span class="relative z-10">Simple No Recoil</span>
                              </a>
                           </div>
                        </div>
                     </div>
                     <a class="text-gray-300 text-[16px] hover:bg-[#262626] hover:bg-opacity-95 hover:text-white px-4 py-2 rounded-[10px] transition duration-200" href="/discord">Discord</a>
                     <a class="text-gray-300 text-[16px] hover:bg-[#262626] hover:bg-opacity-95 hover:text-white px-4 py-2 rounded-[10px] transition duration-200" href="/discord">Changelog</a>
                  </div>
                  <!-- Hamburger menu-->
                  <button id="hamburger" class="hidden max-[821px]:flex text-gray-300 hover:text-white focus:outline-none z-50 bg-[#262626]/20 hover:bg-[#262626]/55 border border-[#1f2328]/85 backdrop-blur-xl px-[8px] py-[6px] rounded-[10px]">
                     <svg class="w-8 h-8" 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="M4 6h16M4 12h16M4 18h16" />
                     </svg>
                  </button>
                  <!-- Hamburger menu ends -->
               </div>
            </nav>
            <!-- Navbar Ends -->
          </header>
        <div class="flex-grow flex items-center justify-center py-5 min-h-[300px]">
                <div class="w-full max-w-[480px] bg-[#18181b] shadow-lg rounded-[15px] px-[40px] relative">
                    <form class="w-full pt-[53px] pb-[80px] relative">
                        <div id="loading-wrapper" class="absolute inset-0 flex justify-center items-center">
                            <div id="loader" class="w-8 h-8 border-4 border-[#d8143b] border-t-transparent rounded-full animate-spin">
                                <noscript>
                                    Please activate Javascript to Login
                                </noscript>
                            </div>
                        </div>
                        <div id="content" class="hidden w-full">
                            <div class="text-center mb-8">
                                <img class="mx-auto mb-6" src="/images/download-system/logo/OneShot-HQ.png" alt="" width="260" height="80">
                                <h3 class="text-[28px] font-bold mb-2">Smart AI</h3>
                                <p class="text-gray-400">Please login to download the menu</p>
                            </div>
                            <div class="alert alert-danger hidden bg-gray-800 border-l-4 border-red-500 text-red-400 p-4 mb-4 text-sm rounded-[10px] flex items-center gap-2" role="alert">
                                <i class="fa-solid fa-circle-info"></i>
                                <span></span>
                            </div>

                            <div class="mb-4">
                                <div class="relative">
                                    <span class="absolute inset-y-0 left-0 flex items-center pl-3">
                                        <i class="fas fa-key text-gray-500"></i>
                                    </span>
                                        <input
                                            class="w-full h-12 pl-10 border border-[#3a3a3c] bg-[#242427] text-gray-200 rounded-[10px] shadow-sm outline-none focus:ring-2 focus:ring-[#d8143b] focus:border-[transparent] hover:border-[#334155]"
                                            required placeholder="License" id="license" type="text">
                                </div>
                            </div>
                            <button id="login-button" class="w-full h-12 py-3 px-4 text-white font-medium rounded-[10px] focus:outline-none bg-gradient-to-l from-[#68041c]/80 to-[#d8143b]/80 hover:from-[#68041c] hover:to-[#d8143b] transition duration-200 ring-offset-1 ring-offset-[#18181b]
                                 focus:ring-[2px] focus:ring-[#d8143b]/70">
                                Login<i class="fa-solid fa-arrow-right ml-2 relative top-[1px]"></i>
                            </button>
                            <p class="text-center text-gray-400 text-[16px] mt-10 <?=getStatusColor()?> flex items-center justify-center gap-6">
                                <span class="flex items-center gap-2">
                                    <i class="fas fa-info-circle"></i> Version: <?=getVersion()?>
                                </span>
                                <span class="flex items-center gap-2">
                                    <span class="relative flex h-3 w-3">
                                        <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
                                        <span class="relative inline-flex h-3 w-3 rounded-full bg-green-500"></span>
                                    </span>
                                    <span class="text-gray-400">Status:</span> <span class="text-green-500"><?=getStatus()?></span>
                                </span>
                            </p>
                        </div>
                    </form>
                </div>
        </div>
    </div>
</body>
</html>
