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

<section class="panel">
  <div class="panel-head">
    <h2><%= acteur && acteur.id ? 'Modifier' : 'Créer' %> un acteur</h2>
    <a href="/adm/acteurs" class="btn btn-ghost">Retour</a>
  </div>

  <% if (error) { %>
    <div class="alert"><%= error %></div>
  <% } %>

  <% if (roles.length === 0) { %>
    <p class="empty">Créez d'abord un <a href="/adm/roles/nouveau">rôle</a> avant d'ajouter un acteur.</p>
  <% } else { %>
    <form method="POST" action="<%= acteur && acteur.id ? '/adm/acteurs/' + acteur.id + '?_method=PUT' : '/adm/acteurs' %>" class="form form-grid">
      <label>
        <span>Nom *</span>
        <input type="text" name="nom" required value="<%= acteur && acteur.nom ? acteur.nom : '' %>">
      </label>
      <label>
        <span>Prénom *</span>
        <input type="text" name="prenom" required value="<%= acteur && acteur.prenom ? acteur.prenom : '' %>">
      </label>
      <label>
        <span>Rôle *</span>
        <select name="role_id" required>
          <option value="">Sélectionner un rôle</option>
          <% roles.forEach(function(role) { %>
            <option value="<%= role.id %>" <%= acteur && String(acteur.role_id) === String(role.id) ? 'selected' : '' %>>
              <%= role.nom %>
            </option>
          <% }) %>
        </select>
      </label>
      <label>
        <span>Email *</span>
        <input type="email" name="email" required value="<%= acteur && acteur.email ? acteur.email : '' %>" autocomplete="username">
      </label>
      <label>
        <span>Téléphone</span>
        <input type="tel" name="telephone" value="<%= acteur && acteur.telephone ? acteur.telephone : '' %>">
      </label>
      <label>
        <span><%= acteur && acteur.id ? 'Nouveau mot de passe' : 'Mot de passe *' %></span>
        <input
          type="password"
          name="password"
          <%= acteur && acteur.id ? '' : 'required' %>
          autocomplete="<%= acteur && acteur.id ? 'new-password' : 'new-password' %>"
          placeholder="<%= acteur && acteur.id ? 'Laisser vide pour ne pas changer' : '••••••••' %>"
        >
      </label>
      <div class="form-actions form-span">
        <button type="submit" class="btn btn-primary"><%= acteur && acteur.id ? 'Enregistrer' : 'Créer' %></button>
      </div>
    </form>
  <% } %>
</section>

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