<article class="event-detail">
  <img class="event-poster" src="<%= event.poster_url || '/public/assets/images/poster-placeholder.svg' %>" alt="">
  <div class="event-info">
    <p class="eyebrow"><a href="/categorie/<%= event.category_slug %>"><%= event.category_name %></a> &middot; <a href="/oras/<%= event.city_slug %>"><%= event.city_name %></a></p>
    <h1><%= event.title %></h1>
    <p><%= event.short_description %></p>
    <dl class="facts">
      <div><dt>Data</dt><dd><%= new Date(event.start_at).toLocaleString('ro-RO') %></dd></div>
      <div><dt>Locatie</dt><dd><%= event.venue_name %>, <%= event.venue_address %></dd></div>
      <div><dt>Varsta</dt><dd><%= event.age_limit || 'Nespecificat' %></dd></div>
      <div><dt>Status</dt><dd><%- include('../partials/status-badge', { status: event.status }) %></dd></div>
    </dl>
    <h2>Bilete</h2>
    <form class="ticket-list" method="post" action="/checkout/start">
      <%- include('../partials/csrf-field') %>
      <% ticketTypes.forEach((ticket) => { %>
        <div class="ticket-row">
          <div>
            <strong><%= ticket.name %></strong>
            <p><%= ticket.description %></p>
          </div>
          <div class="ticket-price">
            <span><%= Number(ticket.price).toFixed(2) %> <%= ticket.currency %></span>
            <small><%= ticket.available %> disponibile</small>
            <label class="ticket-select">
              <input type="radio" name="ticket_type_id" value="<%= ticket.id %>" <%= ticket.available < 1 ? 'disabled' : '' %> required>
              Alege
            </label>
          </div>
        </div>
      <% }) %>
      <label class="qty-control">Cantitate <input type="number" name="quantity" min="1" max="10" value="1" required></label>
      <button type="submit">Cumpara bilet</button>
    </form>
    <p class="notice">Nu colectam date de card. Plata reala se face prin pagina securizata Viva Wallet daca este activata.</p>
  </div>
</article>

<section class="section prose">
  <h2>Descriere</h2>
  <p><%= event.description %></p>
  <h2>Reguli acces</h2>
  <p><%= event.access_rules %></p>
  <h2>Politica refund</h2>
  <p><%= event.refund_policy %></p>
</section>
