<%- include('../partials/header') %>
<div class="page-head">
  <h1><%= s.id ? s.name : 'Nouveau fournisseur' %></h1>
  <% if (s.id) { %>
    <a class="btn btn-ghost" href="<%= base %>/suppliers/<%= s.id %>/diagnostic">Diagnostic du rapprochement</a>
    <a class="btn btn-ghost" href="<%= base %>/suppliers/<%= s.id %>/items">Voir les <%= count %> tarifs et prix de vente →</a>
  <% } %>
</div>

<div class="grid2">
<form method="post" action="<%= base %>/suppliers/<%= s.id || 'new' %>" class="card form">
  <input type="hidden" name="_csrf" value="<%= csrf %>">
  <h2>Réglages</h2>
  <% if (typeof formError !== 'undefined' && formError) { %><div class="alert alert-error"><%= formError %></div><% } %>
  <label>Nom <input name="name" value="<%= s.name || '' %>" required></label>
  <div class="row">
    <label>Type de calcul de la marge
      <select name="margin_mode" data-margin-mode>
        <% Object.entries(MARGIN_MODES).forEach(([k, v]) => { %><option value="<%= k %>" <%= (s.margin_mode || 'coef') === k ? 'selected' : '' %>><%= v %></option><% }) %>
      </select>
    </label>
    <label>Valeur (appliquée à tous les produits)
      <input name="coefficient" value="<%= String(s.coefficient).replace('.', ',') %>" required inputmode="decimal" data-margin-value>
      <small data-margin-example><%= example %></small>
    </label>
  </div>
  <div class="row">
    <label>Priorité
      <input type="number" name="priority" value="<%= s.priority %>" min="0">
      <small>Plus petit = prioritaire (si stratégie « priorité »)</small>
    </label>
  </div>
  <label>Marge par tranche de prix d’achat (optionnel)
    <textarea name="tiers" rows="4" placeholder="0:2.2&#10;10:1.8&#10;50:1.5&#10;200:1.3"><%= tiersText %></textarea>
    <small>Une ligne par tranche au format <code>prix_minimum:valeur</code>, valeur exprimée dans le même type de calcul que ci-dessus. Ex. en coefficient, <code>50:1.5</code> = ×1,5 pour les articles achetés 50 € et plus ; en marge %, <code>50:0.15</code> = +15 %. Sinon la valeur par défaut s’applique.</small>
  </label>
  <label>Rapprochement avec PrestaShop
    <select name="match_mode">
      <% Object.entries(MATCH_MODES).forEach(([k, v]) => { %><option value="<%= k %>" <%= s.match_mode === k ? 'selected' : '' %>><%= v %></option><% }) %>
    </select>
  </label>
  <label>Notes <textarea name="notes" rows="2"><%= s.notes || '' %></textarea></label>
  <label class="check"><input type="checkbox" name="active" value="1" <%= s.active ? 'checked' : '' %>> Actif</label>
  <div class="form-actions">
    <button class="btn btn-primary">Enregistrer</button>
    <a class="btn btn-ghost" href="<%= base %>/suppliers">Annuler</a>
  </div>
</form>

<% if (s.id) { %>
<div>
  <form method="post" action="<%= base %>/suppliers/<%= s.id %>/upload" enctype="multipart/form-data" class="card form" id="import">
    <input type="hidden" name="_csrf" value="<%= csrf %>">
    <h2>Importer un fichier de prix</h2>
    <p class="muted">CSV, TXT, XLS, XLSX ou ODS. Vous choisirez les colonnes à l’étape suivante<%= s.mappingParsed.price ? ' (réglages du dernier import pré-remplis)' : '' %>.</p>
    <input type="file" name="file" accept=".csv,.txt,.tsv,.xls,.xlsx,.xlsm,.ods" required>
    <div class="form-actions"><button class="btn btn-primary">Continuer →</button></div>
  </form>

  <section class="card">
    <h2>Historique des imports</h2>
    <% if (!imports.length) { %><p class="muted">Aucun import.</p><% } else { %>
    <table class="table">
      <thead><tr><th>Date</th><th>Fichier</th><th class="num">OK</th><th class="num">Retirés</th><th class="num">Erreurs</th></tr></thead>
      <tbody>
      <% imports.forEach(i => { %>
        <tr>
          <td><%= i.created_at %></td><td class="small"><%= i.filename %></td><td class="num"><%= i.rows_ok %></td><td class="num"><%= i.rows_removed %></td>
          <td class="num"><% if (i.rows_error) { %><details><summary><%= i.rows_error %></summary><pre class="log small"><%= i.errors %></pre></details><% } else { %>0<% } %></td>
        </tr>
      <% }) %>
      </tbody>
    </table>
    <% } %>
  </section>

  <section class="card danger-zone">
    <h2>Zone sensible</h2>
    <form method="post" action="<%= base %>/suppliers/<%= s.id %>/clear" data-confirm="Vider tous les tarifs de ce fournisseur ?">
      <input type="hidden" name="_csrf" value="<%= csrf %>">
      <button class="btn btn-danger-ghost">Vider les tarifs</button>
    </form>
    <form method="post" action="<%= base %>/suppliers/<%= s.id %>/delete" data-confirm="Supprimer définitivement ce fournisseur et ses tarifs ?">
      <input type="hidden" name="_csrf" value="<%= csrf %>">
      <button class="btn btn-danger">Supprimer le fournisseur</button>
    </form>
  </section>
</div>
<% } %>
</div>
<%- include('../partials/footer') %>
