<%- include('../layouts/header') %>

<div class="main-container">

<%- include('../layouts/sidebar', { user: user }) %>

<div class="content-area">

<%- include('../layouts/navbar') %>

<div class="dashboard-content">

<div class="page-header">
    <h2>Hotel Analytics</h2>
</div>

<div class="cards">

    <div class="dashboard-card">
        <h3>Total Revenue</h3>
        <h1>$<%= totalRevenue %></h1>
    </div>

    <div class="dashboard-card">
        <h3>Occupancy Rate</h3>
        <h1><%= occupancyRate %>%</h1>
    </div>

    <div class="dashboard-card">
        <h3>Reservations</h3>
        <h1><%= reservationsCount %></h1>
    </div>

    <div class="dashboard-card">
        <h3>Payments</h3>
        <h1><%= paymentsCount %></h1>
    </div>

    <div class="dashboard-card">
        <h3>Pending Invoices</h3>
        <h1><%= pendingInvoices %></h1>
    </div>

    <div class="dashboard-card">
        <h3>Occupied Rooms</h3>
        <h1>
            <%= occupiedRooms %> /
            <%= totalRooms %>
        </h1>
    </div>

</div>

<div class="report-section">

    <h3>Performance Summary</h3>

    <table class="room-table">

        <tr>
            <td>Total Rooms</td>
            <td><%= totalRooms %></td>
        </tr>

        <tr>
            <td>Occupied Rooms</td>
            <td><%= occupiedRooms %></td>
        </tr>

        <tr>
            <td>Occupancy Rate</td>
            <td><%= occupancyRate %>%</td>
        </tr>

        <tr>
            <td>Total Reservations</td>
            <td><%= reservationsCount %></td>
        </tr>

        <tr>
            <td>Total Payments</td>
            <td><%= paymentsCount %></td>
        </tr>

        <tr>
            <td>Pending Invoices</td>
            <td><%= pendingInvoices %></td>
        </tr>

        <tr>
            <td>Total Revenue</td>
            <td>$<%= totalRevenue %></td>
        </tr>

    </table>

</div>

</div>

</div>

</div>

<%- include('../layouts/footer') %>