Viewing File: /home/quiczmwg/lightspringdigitals.com/dashboard-20260114051212-20260115034405/include/navbar.php

<main class="relative h-full max-h-screen transition-all duration-200 ease-in-out xl:ml-68 rounded-xl">
  <!-- Navbar -->
  <nav class="relative flex flex-wrap items-center justify-between px-0 py-2 mx-6 transition-all ease-in shadow-none duration-250 rounded-2xl lg:flex-nowrap lg:justify-start" navbar-main navbar-scroll="false">
    <div class="flex items-center justify-between w-full px-4 py-2 mx-auto flex-wrap-inherit bg-transparent rounded-xl">
  
  <!-- Page Title -->
  <h6 class="mb-0 font-bold text-white text-lg capitalize tracking-wide">Dashboard</h6>
  
  <?php $is_logged_in = isset($_SESSION['userid']); ?>

  <!-- Right Section -->
  <div class="flex items-center gap-6 mt-2 grow sm:mt-0 sm:mr-6 md:mr-0 lg:flex lg:basis-auto">

    <!-- User Info -->
    <?php if ($is_logged_in): ?>
      <div class="flex items-center space-x-3 bg-white/10 px-4 py-2 rounded-lg backdrop-blur-md border border-white/10 transition-all hover:bg-white/20">
        <div class="w-9 h-9 flex items-center justify-center bg-white/20 rounded-full">
          <i class="fa fa-user text-white"></i>
        </div>
        <span class="text-sm font-medium text-white">
          <?php echo ucfirst($user['full_name']); ?>
        </span>
      </div>
    <?php endif; ?>

    <!-- Nav Links -->
    <ul class="flex flex-row items-center justify-end pl-0 mb-0 list-none md-max:w-full space-x-4">

      <?php if ($is_logged_in): ?>
        <li class="flex items-center">
          <a href="logout.php" class="flex items-center gap-2 px-3 py-2 text-sm font-semibold text-white rounded-lg hover:bg-white/20 transition-all ease-nav-brand">
            <i class="fa fa-sign-out-alt"></i>
            <span class="hidden sm:inline">Sign Out</span>
          </a>
        </li>
      <?php else: ?>
        <li class="flex items-center">
          <a href="./pages/sign-in.html" class="flex items-center gap-2 px-3 py-2 text-sm font-semibold text-white rounded-lg hover:bg-white/20 transition-all ease-nav-brand">
            <i class="fa fa-user"></i>
            <span class="hidden sm:inline">Sign In</span>
          </a>
        </li>
      <?php endif; ?>

      <!-- Mobile Menu Button -->
      <li class="flex items-center xl:hidden">
        <a href="javascript:;" class="block p-2 text-sm text-white rounded-md hover:bg-white/20 transition" sidenav-trigger>
          <div class="w-5 overflow-hidden">
            <i class="ease relative block h-0.5 rounded-sm bg-white mb-1 transition-all"></i>
            <i class="ease relative block h-0.5 rounded-sm bg-white mb-1 transition-all"></i>
            <i class="ease relative block h-0.5 rounded-sm bg-white transition-all"></i>
          </div>
        </a>
      </li>

      <!-- Settings Icon -->
      <li class="flex items-center">
        <a href="javascript:;" class="p-2 rounded-md hover:bg-white/20 transition text-white text-base">
          <i fixed-plugin-button-nav class="cursor-pointer fa fa-cog"></i>
        </a>
      </li>

    </ul>
  </div>
</div>

    </div>
  </nav>

  <!-- end Navbar -->