<%- include('../layouts/header.ejs') %>
<%- include('../layouts/navbar.ejs', { client: client }) %>

<section class="auth-page">

    <div class="auth-card">

        <h1>Book Room <%= room.room_number %></h1>

        <p>
            <%= room.room_type %> ·
            $<%= room.price %> per night
        </p>

        <form action="/book/<%= room.id %>" method="POST">

            <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">
                Confirm Booking
            </button>

        </form>

    </div>

</section>

<%- include('../layouts/footer.ejs') %>