<% layout('layouts/main') %>
<% const companyLogin = typeof loginCompany !== 'undefined' ? loginCompany : null; %>
<section class="section narrow auth-page"><h1><%= companyLogin ? `Connexion ${companyLogin.name}` : 'Connexion' %></h1>
<% if (companyLogin) { %>
  <p class="muted">Connectez-vous à l’espace de <strong><%= companyLogin.name %></strong>. Vous serez redirigé vers le bon tableau de bord selon votre rôle.</p>
<% } %>
<% if (errors?.length) { %><div class="errors"><% errors.forEach(e=>{ %><div><%= e.msg %></div><% }) %></div><% } %>
<form method="post" class="panel form-grid"><input type="hidden" name="_csrf" value="<%= csrfToken %>">
  <% if (companyLogin) { %><input type="hidden" name="site_slug" value="<%= companyLogin.slug %>"><% } %>
  <label>Email<input type="email" name="email" value="<%= old.email || '' %>" required></label>
  <label>Mot de passe<input type="password" name="password" required></label>
  <button>Se connecter</button>
  <a href="<%= companyLogin ? `/auth/mot-de-passe-oublie?site=${companyLogin.slug}` : '/auth/mot-de-passe-oublie' %>">Mot de passe oublié</a>
</form>
<% if (!companyLogin) { %>
<section class="demo-login-panel">
  <div class="demo-login-head">
    <p class="eyebrow">Démo SaaS DEMO</p>
    <h2>Explorez les trois espaces dans un environnement sécurisé.</h2>
    <p>Les comptes démo ouvrent les vrais écrans. Les actions sensibles sont verrouillées pour préserver un parcours stable.</p>
  </div>
  <div class="demo-login-grid">
    <% [
      ['Admin', 'demo-admin@saas-demo.test', '/admin', 'Site, clients, devis, factures, interventions, employés et contenus.'],
      ['Client', 'demo-client@saas-demo.test', '/client', 'Demandes, devis, factures, documents, interventions et messages.'],
      ['Employé', 'demo-employe@saas-demo.test', '/agenda', 'Agenda terrain, détails d’intervention et suivi des heures.']
    ].forEach((account) => { %>
      <form method="post" action="/auth/connexion" class="demo-account-card">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <input type="hidden" name="email" value="<%= account[1] %>">
        <input type="hidden" name="password" value="DemoTest123!">
        <span><%= account[0] %></span>
        <strong><%= account[1] %></strong>
        <small>Mot de passe: DemoTest123!</small>
        <p><%= account[3] %></p>
        <button type="submit">Entrer en <%= account[0].toLowerCase() %></button>
      </form>
    <% }) %>
  </div>
</section>
<% } %>
<% if (companyLogin) { %>
  <div class="panel auth-switch">
    <div>
      <h2>Besoin d’aide ?</h2>
      <p>Les comptes clients et employés sont créés par l’entreprise. Revenez au site public pour envoyer une demande.</p>
    </div>
    <a class="button secondary" href="<%= companyLogin.slug === 'saas-demo' ? '/demo/saas-demo' : `/site/${companyLogin.slug}` %>">Retour au site</a>
  </div>
<% } else { %>
  <div class="panel auth-switch">
    <div>
      <h2>Entreprise de nettoyage ?</h2>
      <p>Créez votre espace entreprise pour gérer votre site, vos clients, vos devis, vos factures et vos passages terrain.</p>
    </div>
    <a class="button secondary" href="/auth/entreprise">Créer une entreprise</a>
  </div>
  <div class="panel auth-switch">
    <div>
      <h2>Pas encore de compte client ?</h2>
      <p>Dans la version SaaS, les comptes clients sont créés depuis le site vitrine ou l’espace admin de chaque entreprise.</p>
    </div>
    <a class="button secondary" href="/demo/saas-demo">Voir le site démo</a>
  </div>
<% } %>
</section>
