<%- 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="form-container">

<h2>Create Reservation</h2>

<form action="/reservations/create"
      method="POST">

<input
    type="text"
    name="guest_name"
    placeholder="Guest Name"
    required
>

<input
    type="email"
    name="guest_email"
    placeholder="Guest Email"
>

<input
    type="text"
    name="guest_phone"
    placeholder="Guest Phone"
>

<select name="room_id" required>

<option value="">
    Select Room
</option>

<% rooms.forEach(room => { %>

<option value="<%= room.id %>">

    Room
    <%= room.room_number %>

    -
    <%= room.room_type %>

    ($<%= room.price %>/night)

</option>

<% }) %>

</select>

<label>Check In</label>

<input
    type="date"
    name="check_in"
    required
>

<label>Check Out</label>

<input
    type="date"
    name="check_out"
    required
>

<button type="submit">

    Save Reservation

</button>

</form>

</div>

</div>

</div>

</div>

<%- include('../layouts/footer') %>