<article class="match-card <%= match.is_live ? 'match-card-live' : '' %>" data-match-id="<%= match.api_fixture_id || match.id %>">
  <div class="match-meta">
    <span><%= match.competition_name || 'Compétition' %></span>
    <span><%= formatTime(match.kickoff_at) %></span>
  </div>
  <div class="match-status-row">
    <span><%= match.status || 'Statut à confirmer' %></span>
    <% if (match.is_live) { %><em class="live-badge"><i></i>En direct</em><% } else if (match.source) { %><em>Données à jour</em><% } %>
  </div>
  <div class="teams-row">
    <div class="team">
      <% if (match.home_logo) { %>
        <img src="<%= match.home_logo %>" alt="">
      <% } else { %>
        <span class="team-logo"><%= initials(match.home_team) %></span>
      <% } %>
      <strong><%= match.home_team %></strong>
    </div>
    <% if (match.score_home !== null && match.score_home !== undefined && match.score_away !== null && match.score_away !== undefined) { %>
      <span class="live-score"><%= match.score_home %> - <%= match.score_away %></span>
    <% } else { %>
      <span class="versus">VS</span>
    <% } %>
    <div class="team">
      <% if (match.away_logo) { %>
        <img src="<%= match.away_logo %>" alt="">
      <% } else { %>
        <span class="team-logo"><%= initials(match.away_team) %></span>
      <% } %>
      <strong><%= match.away_team %></strong>
    </div>
  </div>
  <div class="match-actions">
    <a class="btn btn-primary btn-small" href="/matchs/<%= match.api_fixture_id || match.id %>/analyse">Analizar con TopStats</a>
    <a class="btn btn-soft btn-small" href="/recommendations">Recommandations</a>
  </div>
</article>
