<?php
$type = $_COOKIE['user_agent_type']??0
   ?>

  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container position-relative d-flex align-items-center justify-content-between">

      <a href="./" class="logo d-flex align-items-center me-auto me-xl-0">
        <!-- Uncomment the line below if you also wish to use an image logo -->
       <img style="max-height: 46px !important;" src="assets/img/schooljob.png" alt=""> 
        <!-- <h2 class="sitename">SchoolJobs</h2> -->
      </a>

      <nav id="navmenu" class="navmenu">
        <ul>
          <li><a href="./">Home</a></li>
          <li><a href="aboutus">About Us</a></li>
          <li><a href="searchjobs">Find Jobs</a></li>
<?php if($type==0){ ?>   
          <li><a href="login">Login</a></li>
          
          <li><a href="signup">Signup</a></li>
          <?php }elseif($type==1){ ?> 
           <li><a href="dashboard">Dashboard</a></li>
        <?php }elseif($type==2) { ?>   
         <li><a href="jobportal">Dashboard</a></li>
        <?php } elseif($type==3) { ?>   
         <li><a href="adminportal">Dashboard</a></li>
        <?php } ?>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>

      <a class="btn-getstarted" href="postjob" style="border: thin solid white; background: #018880 !important; font-weight: bolder;">POST A JOB</a>

    </div>
  </header>

  
  <?php if (isset($_SESSION['success_message'])): ?>
    
    <div class="alert alert-success alert-dismissible fade show" role="alert" id="alertBox" style="position:fixed; top:10px; right:10px; z-index:1000">
      <?php echo $_SESSION['success_message']; unset($_SESSION['success_message']); ?>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    
  <?php endif; ?>

  <?php if (isset($_SESSION['error_message'])): ?>
   
    <div class="alert alert-danger alert-dismissible fade show" role="alert" id="alertBox" style="position:fixed; top:10px; right:10px; z-index:1000">
      <?php echo $_SESSION['error_message']; unset($_SESSION['error_message']); ?>
      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    
  <?php endif; ?>

<script>
  // Auto-dismiss alert after 20 seconds
  setTimeout(function () {
    const alertBox = document.getElementById('alertBox');
    if (alertBox) {
      alertBox.classList.remove('show');
      alertBox.classList.add('fade');
      setTimeout(() => alertBox.remove(), 500); // Remove from DOM
    }
  }, 20000); // 20000ms = 20 seconds
</script>