 <!-- Main Sidebar Container -->
 <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="admin-cpa.php" class="brand-link">
      <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light">AdminMyAirTrip</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="image">
          <!-- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
          <div class="img-circle elevation-2"><?=ucfirst(substr($userName, 0, 1));?></div>
        </div>
        <div class="info">
          <a class="d-block">Hello, <?=ucfirst($userName)?></a>
        </div>
      </div>

      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <li class="nav-item">
            <a href="admin.php" class="nav-link">
                <i class="nav-icon fas fa-columns"></i>
              <p>
                View Hotels
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="add-hotels.php" class="nav-link">
              <i class="nav-icon fas fa-th"></i>
              <p>
                Add Hotels
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="top-attractions.php" class="nav-link">
              <i class="nav-icon fas fa-th"></i>
              <p>
                Top Attractions
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="time-to-visit.php" class="nav-link">
              <i class="nav-icon fas fa-th"></i>
              <p>
                Time TO Visit
              </p>
            </a>
          </li>
          
          <li class="nav-item">
            <a href="pages-content.php" class="nav-link">
                <i class="nav-icon fas fa-columns"></i>
              <p>
                Pages Content
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon far fa-plus-square"></i>
              <p>
                Page FAQs
                <i class="fas fa-angle-left right"></i>
              </p>
            </a>
            <ul class="nav nav-treeview" style="display: none;">
              <li class="nav-item">
                <a href="add-faqs.php" class="nav-link">
                    <i class="nav-icon fas fa-columns"></i>
                  <p>
                    Add Page FAQs
                  </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="edit-faqs.php" class="nav-link">
                    <i class="nav-icon fas fa-columns"></i>
                  <p>
                    Edit Page FAQs
                  </p>
                </a>
              </li>
            </ul>
          </li>
          <li class="nav-item">
            <a href="meta.php" class="nav-link">
                <i class="nav-icon fas fa-columns"></i>
              <p>
                Meta Tags
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="newUserlog.php" class="nav-link">
                <i class="nav-icon fas fa-columns"></i>
              <p>
                Userlog
              </p>
            </a>
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>