<div class="section-title">
  <h1>Validar pagos</h1>
  <div>
    <a class="btn btn-ghost btn-sm" href="/admin/historial-pagos">📒 Historial de pagos</a>
    <a class="btn btn-ghost btn-sm" href="/admin">← Volver</a>
  </div>
</div>

<section class="card">
  <% if (pendientes.length === 0) { %>
    <p class="muted">No hay pagos pendientes. 🎉</p>
  <% } else { %>
    <p class="muted">Confirma una quiniela cuando hayas recibido el pago. Al confirmar se le asigna su número y empieza a sumar al jackpot.</p>
    <table>
      <thead><tr><th>Jugador</th><th>Torneo</th><th>Monto</th><th>Solicitada</th><th></th></tr></thead>
      <tbody>
        <% pendientes.forEach(function (q) { %>
          <tr>
            <td><%= q.jugador %><div class="muted" style="font-size:.8rem"><%= q.email %></div></td>
            <td><%= q.torneo_nombre %></td>
            <td><%= fmt.dinero(q.monto, q.moneda) %></td>
            <td class="muted"><%= fmt.fecha(q.creado_en) %></td>
            <td>
              <form action="/admin/quinielas/<%= q.id %>/validar" method="post" class="inline">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
                <button class="btn btn-sm btn-green" type="submit">Confirmar pago</button>
              </form>
              <form action="/admin/quinielas/<%= q.id %>/anular" method="post" class="inline">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
                <button class="btn btn-sm btn-red" type="submit">Anular</button>
              </form>
            </td>
          </tr>
        <% }); %>
      </tbody>
    </table>
  <% } %>
</section>
