<%- include('partials/header') %>

<div class="head-row">
  <h1>Avantages</h1>
  <a class="btn" href="/admin/avantages/new">+ Ajouter un avantage</a>
</div>

<% if (avantages.length === 0) { %>
  <p class="muted">Aucun avantage pour l'instant. Cliquez sur « Ajouter un avantage ».</p>
<% } else { %>
  <table>
    <thead>
      <tr><th>Icône</th><th>Titre</th><th>Texte</th><th>Statut</th><th class="ta-r">Actions</th></tr>
    </thead>
    <tbody>
      <% avantages.forEach(a => { %>
        <tr>
          <td><span class="muted small"><%= a.icon %></span></td>
          <td><strong><%= a.titre %></strong></td>
          <td><%= (a.texte || '').slice(0, 70) %><%= (a.texte || '').length > 70 ? '…' : '' %></td>
          <td><span class="tag <%= a.actif ? 'on' : 'off' %>"><%= a.actif ? 'Affiché' : 'Masqué' %></span></td>
          <td class="actions ta-r">
            <a href="/admin/avantages/<%= a.id %>/edit">Modifier</a>
            <form action="/admin/avantages/<%= a.id %>/delete" method="post" onsubmit="return confirm('Supprimer cet avantage ?')">
              <button class="link danger" type="submit">Supprimer</button>
            </form>
          </td>
        </tr>
      <% }) %>
    </tbody>
  </table>
<% } %>

<%- include('partials/footer') %>
