<%- include('../partials/header') %>
<%- include('../partials/adm-nav') %>

<section class="panel">
  <div class="panel-head">
    <h2>Liste des acteurs</h2>
    <a href="/adm/acteurs/nouveau" class="btn btn-primary">Nouvel acteur</a>
  </div>

  <% if (acteurs.length === 0) { %>
    <p class="empty">Aucun acteur. <a href="/adm/acteurs/nouveau">Ajouter un acteur</a>.</p>
  <% } else { %>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Nom</th>
            <th>Rôle</th>
            <th>Email</th>
            <th>Téléphone</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <% acteurs.forEach(function(acteur) { %>
            <tr>
              <td><strong><%= acteur.prenom %> <%= acteur.nom %></strong></td>
              <td><span class="tag"><%= acteur.role_nom %></span></td>
              <td><%= acteur.email || '—' %></td>
              <td><%= acteur.telephone || '—' %></td>
              <td class="actions">
                <a href="/adm/acteurs/<%= acteur.id %>/modifier" class="btn btn-ghost">Modifier</a>
                <form method="POST" action="/adm/acteurs/<%= acteur.id %>?_method=DELETE" onsubmit="return confirm('Supprimer cet acteur ?');">
                  <button type="submit" class="btn btn-danger">Supprimer</button>
                </form>
              </td>
            </tr>
          <% }) %>
        </tbody>
      </table>
    </div>
  <% } %>
</section>

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