<nav class="flex-none navbar navbar-vertical navbar-expand-lg navbar-light bg-transparent show vh-lg-100 px-0 py-2" id="sidebar">
  <div class="container-fluid px-3 px-md-4 px-lg-6"><button class="navbar-toggler ms-n2" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarCollapse" aria-controls="sidebarCollapse" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> <a class="navbar-brand d-inline-block py-lg-1 mb-lg-5" href="../pages/home.php"><img src="../assets/img/appstore.png" class="logo-dark h-rem-8 h-rem-md-10" alt="...">
      <img src="../assets/img/appstore.png" class="logo-light h-rem-8 h-rem-md-10 rounded-circle" alt="..."></a>
    <div class="navbar-user d-lg-none">
      <div class="dropdown"><a class="d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
          <div>
            <div class="avatar avatar-sm text-bg-secondary rounded-circle">AE</div>
          </div>
          <div class="d-none d-sm-block ms-3"><span class="h6">Alexis</span></div>
          <div class="d-none d-md-block ms-md-2"><i class="bi bi-chevron-down text-muted text-xs"></i></div>
        </a>
        <div class="dropdown-menu dropdown-menu-end">
          <div class="dropdown-header"><span class="d-block text-sm text-muted mb-1">Signed in as</span> <span class="d-block text-heading fw-semibold">Alexis Enache</span></div>
          <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="bi bi-house me-3"></i>Home
          </a><a class="dropdown-item" href="#"><i class="bi bi-pencil me-3"></i>Edit profile</a>
          <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="bi bi-gear me-3"></i>Settings </a><a class="dropdown-item" href="#"><i class="bi bi-image me-3"></i>Media </a><a class="dropdown-item" href="#"><i class="bi bi-box-arrow-up me-3"></i>Share</a>
          <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><i class="bi bi-person me-3"></i>Login</a>
        </div>
      </div>
    </div>
    <div class="collapse navbar-collapse overflow-x-hidden" id="sidebarCollapse">
      <ul class="navbar-nav">
        <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="../pages/home.php"  role="button" aria-expanded="true" aria-controls="sidebar-dashboards">
          <i class="bi bi-house-fill"></i> <span>Dashboards</span>
           <!-- <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span> -->
          </a>
          <!-- <div class="collapse show" id="sidebar-dashboards">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="../pages/home.php" class="nav-link fw-bold">Default</a></li>
              <li class="nav-item"><a href="dashboard-analytics.html" class="nav-link">Analytics</a></li>
              <li class="nav-item"><a href="dashboard-wallet.html" class="nav-link">Wallet</a></li>
            </ul>
          </div> -->
        </li>
      
      <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#sidebar-pages2" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebar-pages2"><i class="bi bi-bar-chart-fill"></i> <span>Countries & Cities</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="sidebar-pages2">
            <ul class="nav nav-sm flex-column mt-1">
            
              <li class="nav-item"><a href="../pages/allcountries.php" class="nav-link">All Countries</a></li>
               <li class="nav-item"><a href="../pages/cities.php" class="nav-link">All Cities</a></li>
            </ul>
          </div>
        </li>
        <!-- <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#sidebar-other" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebar-other"><i class="bi bi-file-break-fill"></i> <span>Assesment Answers</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="sidebar-other">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="../pages/assesmentanswers.php" class="nav-link">Assesment Answers</a></li>
            </ul>
          </div>
        </li> -->
            <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#sidebar-questions" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebar-questions"><i class="bi bi-file-break-fill"></i> <span>Assesment</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="sidebar-questions">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="../pages/assesmentquestions.php" class="nav-link">Assesment Questions</a></li>
              <li class="nav-item"><a href="../pages/assesmentcategories.php" class="nav-link">Assesment Categories</a></li>
            </ul>
          </div>
        </li>
            <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#sidebar-goals" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebar-goals"><i class="bi bi-file-break-fill"></i> <span>Goals & Targets</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="sidebar-goals">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="../pages/goalsandtarget.php" class="nav-link">Goals & Targets</a></li>
            </ul>
          </div>
        </li>
            <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="../pages/users.php" role="button" aria-expanded="false" aria-controls="sidebar-goals"><i class="bi bi-file-break-fill"></i> <span>Users</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
         
        </li>
         

          <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#reports-goals" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="reports-goals"><i class="bi bi-file-break-fill"></i> <span>Reports</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="reports-goals">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="../pages/weeks.php" class="nav-link">Weeks</a></li>
               <li class="nav-item"><a href="../pages/questions.php" class="nav-link">Questions</a></li>
                 <li class="nav-item"><a href="../pages/reports.php" class="nav-link">Reports</a></li>
            </ul>
          </div>
        </li>

      </ul>
      <!-- <hr class="navbar-divider my-5 opacity-70"> -->
      <!-- <ul class="navbar-nav">
        <li><span class="nav-link text-xs fw-semibold text-uppercase text-muted ls-wide">Resources</span></li>
    
        <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="#sidebar-components" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebar-components"><i class="bi bi-grid-1x2-fill"></i> <span>Components</span> <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a>
          <div class="collapse" id="sidebar-components">
            <ul class="nav nav-sm flex-column mt-1">
              <li class="nav-item"><a href="" class="nav-link">Alerts</a></li>
            </ul>
          </div>
        </li>
        <!-- <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href=""><i class="bi bi-book-fill"></i> <span>Documentation</span>
        <span class="badge badge-sm rounded-pill me-n2 bg-success-subtle text-success ms-auto"></span></a></li> 
     <li class="nav-item my-1"><a class="nav-link d-flex align-items-center rounded-pill" href="https://satoshi.webpixels.io/widgets.html"><i class="bi bi-calendar2-plus-fill"></i>
            <span>Widgets</span> <span class="badge badge-sm rounded-pill me-n2 bg-warning-subtle text-warning ms-auto">🔥 Hot</span></a>
        </li>
      </ul> -->
      <!-- <div class="mt-auto"></div>
      <div class="card bg-dark border-0 mt-5 mb-3">
        <div class="card-body">
          <div class="vstack gap-4"><i class="bi bi-rocket-takeoff-fill text-white text-2xl"></i>
            <p class="text-sm text-white text-opacity-70">Upgrade your account to Pro for even more examples.</p><a href="other-pricing.html" class="btn btn-sm btn-primary w-100">Upgade now<i class="bi bi-arrow-right ms-2"></i></a>
          </div>
        </div>
      </div> -->
    </div>
  </div>
</nav>