<%- 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>Reservation Report</h2>
</div>

<table class="room-table">

<thead>
<tr>
    <th>Guest</th>
    <th>Check In</th>
    <th>Check Out</th>
    <th>Total</th>
    <th>Status</th>
</tr>
</thead>

<tbody>

<% if(reservations.length > 0){ %>

    <% reservations.forEach(reservation => { %>

    <tr>
        <td><%= reservation.guest_name %></td>
        <td><%= reservation.check_in %></td>
        <td><%= reservation.check_out %></td>
        <td>$<%= reservation.total_amount %></td>
        <td>
            <span class="status-badge status-<%= reservation.status %>">
                <%= reservation.status %>
            </span>
        </td>
    </tr>

    <% }) %>

<% } else { %>

    <tr>
        <td colspan="5" style="text-align:center; padding:40px;">
            No reservations found.
        </td>
    </tr>

<% } %>

</tbody>

</table>

</div>
</div>
</div>

<%- include('../layouts/footer') %>