<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ticket App</title>
  <link rel="stylesheet" href="assets/css/base.css">
  <?php
  
// Load page-specific CSS if it exists
  
$page $_GET['page'] ?? 'home';
  
$cssFile "assets/css/pages/{$page}.css";
  if (
file_exists($cssFile)) {
    echo 
"<link rel=\"stylesheet\" href=\"{$cssFile}\">";
  }
  
?>
</head>
<body>
<nav class="main-nav">
  <div class="nav-container">
    <a href="index.php?page=home" class="nav-brand">Ticket System</a>
    <div class="nav-links">
      <?php if (!empty($_SESSION['user_id'])): ?>
        <a href="index.php?page=dashboard" class="nav-link">Dashboard</a>
        <a href="index.php?page=my_requests" class="nav-link">My Requests</a>
        
        <!-- Global Search Bar -->
        
        <?php
        
// Get unread notification count
        
$unreadSql "SELECT COUNT(*) FROM TICKET_Notifications WHERE fk_User = ? AND readAt IS NULL";
        
$unreadStmt mysqli_prepare($conn$unreadSql);
        
mysqli_stmt_bind_param($unreadStmt'i'$_SESSION['user_id']);
        
mysqli_stmt_execute($unreadStmt);
        
mysqli_stmt_bind_result($unreadStmt$unreadCount);
        
mysqli_stmt_fetch($unreadStmt);
        
mysqli_stmt_close($unreadStmt);
        
?>
        <?php if (is_admin()): ?>
          <a href="index.php?page=workflows" class="nav-link">Workflows</a>
          <a href="index.php?page=group_requests" class="nav-link">Group Tasks</a>
        <?php endif; ?>
        <a href="index.php?page=notifications" class="nav-link nav-notifications">
          <span class="notification-bell">🔔</span>
          <?php if ($unreadCount 0): ?>
            <span class="notification-badge"><?= $unreadCount ?></span>
          <?php endif; ?>
        </a>
        <div class="nav-search">
          <form method="GET" action="index.php" class="nav-search-form">
            <input type="hidden" name="page" value="search">
            <input 
              type="text" 
              name="q" 
              placeholder="Search tickets..." 
              class="nav-search-input"
              value="<?= isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '' ?>"
            >
            <button type="submit" class="nav-search-btn" title="Search">
              🔍
            </button>
          </form>
        </div>
        <a href="index.php?page=logout" class="nav-link nav-logout">Log Out</a>
      <?php else: ?>
        <a href="index.php?page=login" class="nav-link nav-login">Log In</a>
      <?php endif; ?>
    </div>
  </div>
</nav>
<main class="main-content">