<section class="section">
  <p class="eyebrow">Succes</p>
  <h1>Biletele au fost emise</h1>
  <p>Comanda <strong><%= order.order_number %></strong> este platita.</p>
  <div class="ticket-list">
    <% tickets.forEach((ticket) => { %>
      <div class="ticket-row">
        <div>
          <strong><%= ticket.event_title %></strong>
          <p><%= ticket.ticket_type_name %> · <%= ticket.code %></p>
          <% if (currentUser) { %><a href="/account/tickets/<%= ticket.code %>">Deschide biletul</a><% } %>
        </div>
        <div class="success-qr">
          <img src="<%= ticket.qrDataUrl %>" alt="QR bilet">
          <span class="status-badge"><%= ticket.status %></span>
        </div>
      </div>
    <% }) %>
  </div>
  <% if (!currentUser) { %>
    <p class="notice">Ai cumparat fara cont. Creeaza un cont cu acelasi email ca sa vezi biletele in „Biletele mele”.</p>
  <% } else { %>
    <a class="button" href="/account/tickets">Biletele mele</a>
  <% } %>
</section>
