
<?php

$user_role = $_SESSION['role'] ?? 'guest'; // Make sure role is set at login
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Rams Executive Lodge</title>
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Custom CSS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f5f5f5;
        }
        .navbar-brand {
            font-weight: bold;
            color: #;
        }
        .table thead th {
            background-color: #343a40;
            color: white;
        }
        .table tbody tr:hover {
            background-color: #e9f7ef;
        }
        .badge-stock-critical {
            background-color: #dc3545;
        }
        .badge-stock-low {
            background-color: #fd7e14;
        }
        .badge-stock-ok {
            background-color: #28a745;
        }
        .btn-custom {
            border-radius: 0.35rem;
            font-weight: bold;
        }
        .form-control:focus {
            box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
            border-color: #28a745;
        }
        .tab-content {
            background: white;
            padding: 20px;
            border-radius: 0.5rem;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .dropdown-menu .dropdown-item:hover {
    background-color: #e9f7ef;
    font-weight: bold;
}

    </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark px-3">
   
    
</nav>
<div class="container-fluid mt-4">
