<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo isset($page_title) ? htmlspecialchars($page_title) . ' - ' : ''; ?><?php echo defined('APP_NAME') ? APP_NAME : 'Ruhondo Beach Resort'; ?></title>
    
    <!-- CSRF Meta Tags -->
    <?php 
    if (function_exists('csrf_meta_tags')) {
        echo csrf_meta_tags();
    }
    ?>
    
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Google Font: Source Sans Pro -->
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=swap" rel="stylesheet">
    
    <!-- AdminLTE CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="<?php echo (function_exists('assets_url') ? assets_url('css/style.css') : '/HMSPOS/assets/css/style.css'); ?>?v=<?php echo defined('APP_VERSION') ? APP_VERSION : '1.0'; ?>">
    
    <style>
        :root {
            --primary: #0d6efd;
            --success: #198754;
            --info: #0dcaf0;
            --warning: #ffc107;
            --danger: #dc3545;
            --dark: #212529;
        }
        
        body {
            font-family: 'Source Sans Pro', sans-serif;
            background-color: #f4f6f9;
        }
        
        .wrapper {
            min-height: 100vh;
            position: relative;
            overflow-x: hidden;
        }
        
        .main-header {
            background: #fff;
            border-bottom: 1px solid #dee2e6;
            position: sticky;
            top: 0;
            z-index: 1030;
            padding: 0.5rem 1rem;
        }
        
        .main-sidebar {
            background: #343a40;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            width: 250px;
            z-index: 1035;
            transition: transform 0.3s ease-in-out;
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            overflow-y: auto;
        }
        
        .brand-link {
            display: block;
            padding: 1rem;
            font-size: 1.25rem;
            font-weight: 600;
            text-align: center;
            background: rgba(0,0,0,0.2);
            color: #fff;
            border-bottom: 1px solid #4b545c;
        }
        
        .brand-link:hover {
            color: #fff;
            text-decoration: none;
        }
        
        .user-panel {
            padding: 1rem;
            border-bottom: 1px solid #4b545c;
        }
        
        .user-panel .info {
            color: #fff;
        }
        
        .nav-sidebar {
            padding: 0.5rem 0;
        }
        
        .nav-sidebar .nav-item {
            width: 100%;
        }
        
        .nav-sidebar .nav-link {
            color: #c2c7d0;
            padding: 0.75rem 1rem;
            display: flex;
            align-items: center;
            transition: all 0.3s;
        }
        
        .nav-sidebar .nav-link:hover {
            color: #fff;
            background: rgba(255,255,255,0.1);
        }
        
        .nav-sidebar .nav-link.active {
            color: #fff;
            background: #0d6efd;
        }
        
        .nav-sidebar .nav-link i {
            margin-right: 0.5rem;
            width: 1.5rem;
            text-align: center;
        }
        
        .content-wrapper {
            margin-left: 250px;
            padding: 1.5rem;
            min-height: calc(100vh - 3.5rem);
            background: #f4f6f9;
            transition: margin-left 0.3s ease-in-out;
        }
        
        .sidebar-collapse .main-sidebar {
            transform: translateX(-250px);
        }
        
        .sidebar-collapse .content-wrapper {
            margin-left: 0;
        }
        
        .main-footer {
            background: #fff;
            padding: 1rem;
            border-top: 1px solid #dee2e6;
            margin-left: 250px;
            transition: margin-left 0.3s ease-in-out;
        }
        
        .sidebar-collapse .main-footer {
            margin-left: 0;
        }
        
        /* Small Boxes */
        .small-box {
            border-radius: 0.5rem;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            margin-bottom: 1.5rem;
            position: relative;
            overflow: hidden;
            color: #fff;
            transition: transform 0.3s;
        }
        
        .small-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }
        
        .small-box .inner {
            padding: 1.5rem;
            position: relative;
            z-index: 1;
        }
        
        .small-box h3 {
            font-size: 2.5rem;
            font-weight: 700;
            margin: 0 0 0.5rem 0;
        }
        
        .small-box p {
            font-size: 1rem;
            margin: 0;
            opacity: 0.9;
        }
        
        .small-box .icon {
            position: absolute;
            top: 0.5rem;
            right: 1rem;
            font-size: 5rem;
            opacity: 0.3;
            color: rgba(0,0,0,0.3);
            z-index: 0;
        }
        
        .small-box-footer {
            display: block;
            padding: 0.5rem;
            text-align: center;
            background: rgba(0,0,0,0.1);
            color: #fff;
            text-decoration: none;
            position: relative;
            z-index: 1;
        }
        
        .small-box-footer:hover {
            background: rgba(0,0,0,0.2);
            color: #fff;
        }
        
        /* Cards */
        .card {
            border-radius: 0.5rem;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            margin-bottom: 1.5rem;
            border: none;
        }
        
        .card-header {
            background: #fff;
            border-bottom: 1px solid #dee2e6;
            padding: 1rem 1.25rem;
            font-weight: 600;
            border-radius: 0.5rem 0.5rem 0 0;
        }
        
        .card-body {
            padding: 1.5rem;
        }

        /* Badge for notification counts */
        .badge-sidebar {
            float: right;
            padding: 3px 6px;
            font-size: 0.75rem;
            background-color: #ffc107;
            color: #000;
            border-radius: 10px;
        }
        
        @media (max-width: 768px) {
            .main-sidebar {
                transform: translateX(-250px);
            }
            
            .content-wrapper {
                margin-left: 0;
            }
            
            .main-footer {
                margin-left: 0;
            }
            
            .sidebar-open .main-sidebar {
                transform: translateX(0);
            }
            
            .small-box h3 {
                font-size: 1.8rem;
            }
        }
    </style>
</head>
<body class="hold-transition sidebar-mini">
    <div class="wrapper">
        
        <!-- Navbar -->
        <nav class="main-header navbar navbar-expand navbar-white navbar-light">
            <!-- Left navbar links -->
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" data-widget="pushmenu" href="#" role="button">
                        <i class="fas fa-bars"></i>
                    </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                    <a href="/HMSPOS/public/dashboard.php" class="nav-link">Dashboard</a>
                </li>
                <!-- Quick Quotation Link -->
                <li class="nav-item d-none d-sm-inline-block">
                    <a href="/HMSPOS/quotations/create.php" class="nav-link">
                        <i class="fas fa-plus-circle text-success"></i> New Quotation
                    </a>
                </li>
            </ul>

            <!-- Right navbar links -->
            <ul class="navbar-nav ml-auto">
                <!-- Quotations Notification -->
                <li class="nav-item dropdown">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-file-invoice"></i>
                        <?php
                        // Get pending quotations count
                        if (function_exists('db_fetch_value')) {
                            $pending_quotes = (int)db_fetch_value("
                                SELECT COUNT(*) FROM quotations 
                                WHERE status IN ('draft', 'sent') 
                                AND valid_until >= CURDATE()
                            ") ?: 0;
                            if ($pending_quotes > 0) {
                                echo '<span class="badge badge-warning navbar-badge">' . $pending_quotes . '</span>';
                            }
                        }
                        ?>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <span class="dropdown-item dropdown-header"><?php echo $pending_quotes ?? 0; ?> Pending Quotations</span>
                        <div class="dropdown-divider"></div>
                        <a href="/HMSPOS/quotations/index.php?status=draft" class="dropdown-item">
                            <i class="fas fa-file-invoice mr-2"></i> Draft Quotations
                        </a>
                        <a href="/HMSPOS/quotations/index.php?status=sent" class="dropdown-item">
                            <i class="fas fa-paper-plane mr-2"></i> Sent Quotations
                        </a>
                        <a href="/HMSPOS/quotations/index.php?status=accepted" class="dropdown-item">
                            <i class="fas fa-check-circle mr-2 text-success"></i> Accepted Quotations
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="/HMSPOS/quotations/index.php" class="dropdown-item dropdown-footer">
                            View All Quotations
                        </a>
                    </div>
                </li>
                
                <li class="nav-item dropdown">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-user"></i>
                        <span class="ml-1">
                            <?php 
                            if (function_exists('current_user')) {
                                $user = current_user();
                                echo htmlspecialchars($user['username'] ?? 'User');
                            } else {
                                echo 'User';
                            }
                            ?>
                        </span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a href="/HMSPOS/public/profile.php" class="dropdown-item">
                            <i class="fas fa-user mr-2"></i> Profile
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="/HMSPOS/public/logout.php" class="dropdown-item">
                            <i class="fas fa-sign-out-alt mr-2"></i> Logout
                        </a>
                    </div>
                </li>
            </ul>
        </nav>

        <!-- Main Sidebar Container -->
        <aside class="main-sidebar sidebar-dark-primary">
            <!-- Brand Logo -->
            <a href="/HMSPOS/public/dashboard.php" class="brand-link">
                <span class="brand-text font-weight-light">Ruhondo HMS</span>
            </a>

            <!-- Sidebar -->
            <div class="sidebar">
                <!-- User panel -->
                <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                    <div class="info">
                        <a href="#" class="d-block">
                            <?php 
                            if (function_exists('current_user')) {
                                $user = current_user();
                                echo htmlspecialchars($user['first_name'] ?? $user['username'] ?? 'User');
                            } else {
                                echo 'User';
                            }
                            ?>
                        </a>
                    </div>
                </div>

                <!-- Sidebar Menu -->
                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">
                        <!-- System Section -->
                        <li class="nav-header">SYSTEM</li>
                        
                        <!-- Dashboard -->
                        <li class="nav-item">
                            <a href="/HMSPOS/public/dashboard.php" class="nav-link <?php echo basename($_SERVER['PHP_SELF']) == 'dashboard.php' ? 'active' : ''; ?>">
                                <i class="nav-icon fas fa-tachometer-alt"></i>
                                <p>Dashboard</p>
                            </a>
                        </li>

                        <!-- Admin Section -->
                        <li class="nav-item has-treeview <?php echo strpos($_SERVER['PHP_SELF'], '/admin/') !== false ? 'menu-open' : ''; ?>">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-user-shield"></i>
                                <p>
                                    Admin
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/admin/dashboard.php" class="nav-link <?php echo $_SERVER['PHP_SELF'] == '/admin/dashboard.php' ? 'active' : ''; ?>">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/admin/admin/users/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Users</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/admin/settings/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Settings</p>
                                    </a>
                                </li>
                                <!-- Quotation Settings -->
                                <li class="nav-item">
                                    <a href="/HMSPOS/admin/settings/quotations.php" class="nav-link">
                                        <i class="far fa-file-invoice nav-icon"></i>
                                        <p>Quotation Settings</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- SALES & MARKETING Section (NEW) -->
                        <li class="nav-header mt-3">SALES & MARKETING</li>

                        <!-- Quotations Section - NEW MAIN MENU -->
                        <li class="nav-item has-treeview <?php echo strpos($_SERVER['PHP_SELF'], '/quotations/') !== false ? 'menu-open' : ''; ?>">
                            <a href="#" class="nav-link <?php echo strpos($_SERVER['PHP_SELF'], '/quotations/') !== false ? 'active' : ''; ?>">
                                <i class="nav-icon fas fa-file-invoice"></i>
                                <p>
                                    Quotations
                                    <i class="right fas fa-angle-left"></i>
                                    <?php
                                    if (function_exists('db_fetch_value')) {
                                        $pending_count = (int)db_fetch_value("
                                            SELECT COUNT(*) FROM quotations 
                                            WHERE status IN ('draft', 'sent') 
                                            AND valid_until >= CURDATE()
                                        ") ?: 0;
                                        if ($pending_count > 0) {
                                            echo '<span class="badge-sidebar">' . $pending_count . '</span>';
                                        }
                                    }
                                    ?>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
    
                                <li class="nav-item">
                                    <a href="/HMSPOS/quotations/index.php" class="nav-link <?php echo $_SERVER['PHP_SELF'] == '/quotations/index.php' ? 'active' : ''; ?>">
                                        <i class="far fa-list-alt nav-icon"></i>
                                        <p>All Quotations</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/quotations/create.php" class="nav-link <?php echo $_SERVER['PHP_SELF'] == '/quotations/create.php' ? 'active' : ''; ?>">
                                        <i class="far fa-plus-square nav-icon"></i>
                                        <p>Create New</p>
                                    </a>
                                </li>
                                
                            </ul>
                        </li>

                        <!-- Front Desk Section -->
                        <li class="nav-item">
                            <a href="/HMSPOS/frontdesk/dashboard.php" class="nav-link <?php echo strpos($_SERVER['PHP_SELF'], '/frontdesk/') !== false ? 'active' : ''; ?>">
                                <i class="nav-icon fas fa-concierge-bell"></i>
                                <p>Front Desk</p>
                            </a>
                        </li>

                        <!-- Reservations Section -->
                        <li class="nav-item has-treeview <?php echo strpos($_SERVER['PHP_SELF'], '/reservations/') !== false ? 'menu-open' : ''; ?>">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-calendar-alt"></i>
                                <p>
                                    Reservations
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/reservations/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reservations/reservations/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>All Reservations</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reservations/reservations/create.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>New Reservation</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reservations/checkin/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Check-in</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reservations/checkout/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Check-out</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Rooms Section -->
                        <li class="nav-item has-treeview <?php echo strpos($_SERVER['PHP_SELF'], '/rooms/') !== false ? 'menu-open' : ''; ?>">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-bed"></i>
                                <p>
                                    Rooms
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/rooms/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/rooms/rooms/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>All Rooms</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/rooms/room-types/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Room Types</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/rooms/availability/calendar.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Availability</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/rooms/rates/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Rates</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Guests Section -->
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-users"></i>
                                <p>
                                    Guests
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/guests/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/guests/guests/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>All Guests</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/guests/guests/create.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Add Guest</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- POS Section -->
                        <li class="nav-item has-treeview <?php echo strpos($_SERVER['PHP_SELF'], '/pos/') !== false ? 'menu-open' : ''; ?>">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-cash-register"></i>
                                <p>
                                    POS
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/pos/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/pos/sales/pos.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>New Sale</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/pos/products/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Products</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/pos/outlets/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Outlets</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Inventory Section -->
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-boxes"></i>
                                <p>
                                    Inventory
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/inventory/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/inventory/stock/movements.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Stock Movements</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/inventory/purchases/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Purchase Orders</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Housekeeping Section -->
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-broom"></i>
                                <p>
                                    Housekeeping
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/housekeeping/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/housekeeping/tasks/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Tasks</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/housekeeping/cleaning/room-status.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Room Status</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/housekeeping/maintenance/tickets.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Maintenance</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Billing Section -->
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-file-invoice"></i>
                                <p>
                                    Billing
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/billing/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/billing/invoices/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Invoices</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/billing/payments/index.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Payments</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <!-- Reports Section -->
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-chart-pie"></i>
                                <p>
                                    Reports
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="/HMSPOS/reports/dashboard.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Dashboard</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reports/occupancy.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Occupancy</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reports/revenue.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Revenue</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="/HMSPOS/reports/audit.php" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>Audit Log</p>
                                    </a>
                                </li>
                                <!-- Quotations Report Link -->
                                <li class="nav-item">
                                    <a href="/HMSPOS/quotations/reports.php" class="nav-link">
                                        <i class="far fa-file-invoice nav-icon"></i>
                                        <p>Quotations Report</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </aside>

        <!-- Content Wrapper -->
        <div class="content-wrapper">