<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Grievance</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- DataTables CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<!-- DataTables Buttons CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">


  <style>
    body { background: #f5f7fa; }
    .sidebar {
      height: 100vh;
      background: #343a40;
      padding-top: 20px;
    }
    .sidebar a {
      color: #fff;
      display: block;
      padding: 10px 20px;
      text-decoration: none;
    }
    .sidebar a:hover {
      background: #495057;
    }
    .topbar {
      background: #007bff;
      color: #fff;
      padding: 10px 20px;
    }
    .content { padding: 20px; }
  </style>
</head>
<body>
<div class="d-flex">
  <!-- Sidebar -->
  <div class="sidebar">
    <h4 class="text-center text-light">Menu</h4>
    <?php if($_SESSION['role'] == 'superadmin'): ?>
      <a href="dashboard.php">🏠 Dashboard</a>
      <a href="manage_departments.php">🏢 Departments</a>
      <a href="manage_admins.php">👨‍💼 Manage Users</a>
      <a href="manage_feedback_types.php">📋 Grievance Mapping</a>
      <!-- <a href="escalation_master.php">👨‍💼 Add Escalation</a>
      <a href="escalation_master_list.php">👨‍💼 Manage Escalation</a> -->

      <a href="reports.php">📋 Reports</a>
    <?php elseif($_SESSION['role'] == 'admin'): ?>
      <a href="dashboard.php">🏠 Dashboard</a>
      <a href="manage_feedback.php">📝 Manage Grievance</a>
    <?php elseif($_SESSION['role'] == 'employee'): ?>
      <a href="dashboard.php">🏠 Dashboard</a>
      <a href="feedback_form.php">✍️ Submit Grievance</a>
      <a href="my_feedback.php">📊 My Grievance</a>
    <?php endif; ?>
    <a href="../logout.php">🚪 Logout</a>
  </div>

  <!-- Main -->
  <div class="flex-grow-1">
    <div class="topbar">
      Welcome, <?php echo $_SESSION['role']; ?>
    </div>
    <div class="content">
