<div class="admin-page">
  <div class="admin-page-head">
    <h1>Pronostics</h1>
    <a href="/admin/pronostics/new" class="btn btn-primary">+ Nouveau pronostic</a>
  </div>

  <div class="admin-panel montante-control">
    <div class="montante-control-info">
      <% if (activeMontante) { %>
        <span class="badge-mini badge-on">Montante en cours</span>
        <span class="muted">Démarrée le <%= fmtDate(activeMontante.created_at) %> · les paliers que vous ajoutez y sont rattachés.</span>
      <% } else if (lastEnded) { %>
        <span class="badge-mini badge-off">Aucune montante en cours</span>
        <span class="muted">
          Dernière montante&nbsp;:
          <% if (lastEnded.status === 'won') { %>gagnée (<%= fmtPrice(lastEnded.result_amount_cents || 0) %>)<% } else { %>perdue<% } %>,
          terminée le <%= fmtDate(lastEnded.ended_at) %>.
        </span>
      <% } else { %>
        <span class="badge-mini badge-off">Aucune montante</span>
        <span class="muted">Ajoutez un pronostic ou démarrez une montante pour commencer.</span>
      <% } %>
    </div>
    <div class="montante-control-actions">
      <% if (activeMontante) { %>
        <form action="/admin/montante/end" method="post" class="inline-form"
              data-confirm="Terminer la montante en cours ? Le résultat (gains ou défaite) sera calculé automatiquement et affiché aux membres. Les paliers encore en attente seront annulés.">
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <button type="submit" class="btn btn-primary">🏁 Montante terminée</button>
        </form>
      <% } else { %>
        <form action="/admin/montante/new" method="post" class="inline-form">
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <button type="submit" class="btn btn-outline">▶️ Démarrer une nouvelle montante</button>
        </form>
      <% } %>
    </div>
  </div>

  <% if (!pronostics.length) { %>
    <div class="admin-panel">
      <p class="muted">Aucun pronostic. Créez le premier palier de votre montante.</p>
    </div>
  <% } else { %>
    <div class="admin-panel">
      <div class="table-wrap">
        <table class="data-table">
          <thead>
            <tr>
              <th>Palier</th>
              <th>Match</th>
              <th>Date évènement</th>
              <th>Cote</th>
              <th>Mise</th>
              <th>Gain est.</th>
              <th>Statut</th>
              <th>Publié</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            <% pronostics.forEach(function(p){ %>
              <tr>
                <td><strong><%= p.palier_number %></strong></td>
                <td>
                  <%= p.match_name %>
                  <div class="cell-sub"><%= p.prediction %></div>
                </td>
                <td><%= fmtDateTime(p.event_datetime) %></td>
                <td><%= Number(p.odds).toFixed(2) %></td>
                <td><%= fmtPrice(Math.round(Number(p.stake) * 100)) %></td>
                <td><strong><%= fmtPrice(gainCents(p)) %></strong></td>
                <td>
                  <form action="/admin/pronostics/<%= p.id %>/status" method="post" class="inline-form status-form">
                    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
                    <select name="status" onchange="this.form.submit()" class="status-select status-<%= p.status %>">
                      <% Object.keys(statusLabels).forEach(function(s){ %>
                        <option value="<%= s %>" <%= p.status === s ? 'selected' : '' %>><%= statusLabels[s] %></option>
                      <% }) %>
                    </select>
                  </form>
                </td>
                <td>
                  <% if (p.is_published) { %>
                    <span class="badge-mini badge-on">Oui</span>
                  <% } else { %>
                    <span class="badge-mini badge-off">Non</span>
                  <% } %>
                </td>
                <td class="actions-cell">
                  <a href="/admin/pronostics/<%= p.id %>/edit" class="btn btn-ghost btn-xs">Modifier</a>
                  <form action="/admin/pronostics/<%= p.id %>/delete" method="post" class="inline-form"
                        data-confirm="Supprimer définitivement le palier <%= p.palier_number %> ?">
                    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
                    <button type="submit" class="btn btn-danger btn-xs">Suppr.</button>
                  </form>
                </td>
              </tr>
            <% }) %>
          </tbody>
        </table>
      </div>
    </div>
  <% } %>
</div>
