<article class="prono-card prono-card-live status-border-<%= p.status %>">
  <div class="prono-head">
    <span class="palier-tag">Palier <%= p.palier_number %></span>
    <span class="status-pill status-<%= p.status %>"><%= statusLabels[p.status] %></span>
  </div>
  <h3 class="prono-match"><%= p.match_name %></h3>
  <p class="prono-date"><%= fmtDateTime(p.event_datetime) %></p>
  <% const hasLiveScore = p.live_home_score != null && p.live_away_score != null; %>
  <% if (hasLiveScore || p.live_score_checked_at) { %>
    <div class="prono-live-score <%= p.live_score_completed ? 'is-final' : 'is-live' %>">
      <span class="live-score-label"><%= p.live_score_completed ? 'Score final' : 'Score live' %></span>
      <% if (hasLiveScore) { %>
        <span class="live-score-value"><%= p.live_home_score %> - <%= p.live_away_score %></span>
      <% } else { %>
        <span class="live-score-muted">En attente du flux</span>
      <% } %>
      <% if (p.live_score_last_update) { %>
        <span class="live-score-time">Mis à jour <%= fmtDateTime(p.live_score_last_update) %></span>
      <% } %>
    </div>
  <% } %>
  <div class="prono-pred"><%= p.prediction %></div>
  <div class="prono-meta prono-meta-3">
    <div><span class="meta-label">Cote</span><span class="meta-value"><%= Number(p.odds).toFixed(2) %></span></div>
    <div><span class="meta-label">Mise</span><span class="meta-value"><%= fmtPrice(Math.round(Number(p.stake) * 100)) %></span></div>
    <div><span class="meta-label">Gain estimé</span><span class="meta-value meta-gain"><%= fmtPrice(gainCents(p)) %></span></div>
  </div>
  <% if (p.admin_note) { %>
    <p class="prono-note"><span class="note-label">Note de l'analyste&nbsp;:</span> <%= p.admin_note %></p>
  <% } %>
  <footer class="prono-foot">
    Publié le <%= fmtDate(p.created_at) %>
  </footer>
</article>
