<%- 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>Process Payment</h2>

<p>

<strong>Guest:</strong>
<%= invoice.Reservation.guest_name %>

</p>

<p>

<strong>Invoice:</strong>
<%= invoice.invoice_number %>

</p>

<p>

<strong>Total:</strong>
$<%= invoice.total_amount %>

</p>

<form
    action="/payments/pay/<%= invoice.id %>"
    method="POST"
>

<input
    type="number"
    step="0.01"
    name="amount_paid"
    placeholder="Amount Paid"
    required
>

<select name="payment_method">

<option value="cash">
    Cash
</option>

<option value="card">
    Card
</option>

<option value="mobile_money">
    Mobile Money
</option>

<option value="bank_transfer">
    Bank Transfer
</option>

</select>

<textarea
    name="notes"
    placeholder="Notes"
></textarea>

<button type="submit">

    Process Payment

</button>

</form>

</div>

</div>

</div>

</div>

<%- include('../layouts/footer') %>