<section class="section checkout-grid">
  <form class="checkout-form" method="post" action="/checkout/<%= reservation.id %>">
    <%- include('../partials/csrf-field') %>
    <p class="eyebrow">Checkout</p>
    <h1>Date participant</h1>
    <label>Nume <input type="text" name="name" value="<%= currentUser?.name || '' %>" required></label>
    <label>Email <input type="email" name="email" value="<%= currentUser?.email || '' %>" required></label>
    <label>Telefon optional <input type="tel" name="phone" value="<%= currentUser?.phone || '' %>"></label>
    <button type="submit">Continua la plata</button>
  </form>
  <aside class="checkout-summary">
    <h2>Rezumat</h2>
    <p><strong><%= reservation.event_title %></strong></p>
    <p><%= reservation.ticket_type_name %> x <%= reservation.quantity %></p>
    <dl>
      <div><dt>Bilete</dt><dd><%= subtotal.toFixed(2) %> <%= reservation.currency %></dd></div>
      <div><dt>Taxa serviciu</dt><dd><%= serviceFee.toFixed(2) %> <%= reservation.currency %></dd></div>
      <div><dt>Total</dt><dd><strong><%= total.toFixed(2) %> <%= reservation.currency %></strong></dd></div>
    </dl>
    <p class="notice">Rezervarea expira la <%= new Date(reservation.expires_at).toLocaleTimeString('ro-RO') %>.</p>
  </aside>
</section>
