<section class="section">
  <div class="section-header">
    <p class="eyebrow">Organizator</p>
    <h1>Invitatii - <%= event.title %></h1>
  </div>
  <form class="panel-grid" method="post" action="/organizer/events/<%= event.id %>/invitations/batch">
    <%- include('../partials/csrf-field') %>
    <input name="name" placeholder="Nume batch">
    <input name="quantity" type="number" min="1" max="1000" value="10">
    <select name="zone_id"><option value="">Fara zona</option><% zones.forEach((zone) => { %><option value="<%= zone.id %>"><%= zone.name %></option><% }) %></select>
    <input name="activation_fee" type="number" step="0.01" value="0">
    <input name="expires_at" type="datetime-local">
    <button>Genereaza</button>
  </form>
  <div class="table-wrap"><table><thead><tr><th>Cod</th><th>Taxa</th><th>Status</th><th>Bilet</th></tr></thead><tbody>
    <% invitations.forEach((invitation) => { %><tr><td><%= invitation.code %></td><td><%= invitation.activation_fee %></td><td><%= invitation.status %></td><td><%= invitation.activated_ticket_id || '-' %></td></tr><% }) %>
  </tbody></table></div>
</section>
