<% layout('layouts/main') %>
<section class="section narrow auth-page">
  <p class="eyebrow">Activation de compte</p>
  <h1><%= invitation ? `Bienvenue chez ${invitation.company_name}` : 'Invitation indisponible' %></h1>
  <% if (error) { %><div class="errors"><div><%= error %></div></div><% } %>

  <% if (invitation) { %>
    <div class="panel form-grid">
      <div class="detail-grid compact">
        <div class="detail-item"><span>Compte</span><strong><%= invitation.first_name %> <%= invitation.last_name %></strong></div>
        <div class="detail-item"><span>Email</span><strong><%= invitation.email %></strong></div>
        <div class="detail-item"><span>Profil</span><strong><%= invitation.role === 'client' ? 'Client' : 'Employé' %></strong></div>
      </div>
      <form method="post" class="form-grid">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <label>Nouveau mot de passe<input type="password" name="password" required minlength="10" autocomplete="new-password"></label>
        <label>Confirmation<input type="password" name="password_confirm" required minlength="10" autocomplete="new-password"></label>
        <button>Activer mon espace</button>
      </form>
    </div>
  <% } else { %>
    <div class="panel">
      <p>Demandez un nouveau lien depuis l’entreprise qui vous a invité. Les invitations sont sécurisées et expirent automatiquement.</p>
      <a class="button secondary" href="/auth/connexion">Retour à la connexion</a>
    </div>
  <% } %>
</section>
