<section class="section">
  <div class="section-header">
    <p class="eyebrow">Reconciliere</p>
    <h1><%= event.title %></h1>
  </div>
  <div class="cards-grid">
    <article class="card"><h3>Nesincronizate</h3><p><%= unsynced %></p></article>
    <article class="card"><h3>Conflicte</h3><p><%= conflicts.length %></p></article>
  </div>
</section>
<section class="section">
  <h2>Zile festival</h2>
  <div class="table-wrap"><table><thead><tr><th>Zi</th><th>Intrari</th><th>Iesiri</th><th>Ramasi inside</th></tr></thead><tbody>
    <% days.forEach((day) => { %><tr><td><%= day.day_date %></td><td><%= day.entries || 0 %></td><td><%= day.exits || 0 %></td><td><%= day.still_inside || 0 %></td></tr><% }) %>
  </tbody></table></div>
</section>
<section class="section">
  <h2>Cashless</h2>
  <div class="table-wrap"><table><thead><tr><th>Tip</th><th>Total</th><th>Numar</th></tr></thead><tbody>
    <% cashless.forEach((row) => { %><tr><td><%= row.type %></td><td><%= row.total || 0 %></td><td><%= row.count || 0 %></td></tr><% }) %>
  </tbody></table></div>
</section>
