<%- include('partials/header') %>
<h1>Tableau de bord</h1>

<% if (!configured) { %>
<div class="alert alert-warning">La connexion PrestaShop n’est pas configurée. <a href="<%= base %>/settings">Renseignez l’URL et la clé API</a>.</div>
<% } %>

<ol class="steps">
  <li class="<%= suppliers.length ? 'ok' : '' %>"><a href="<%= base %>/suppliers">Créer les fournisseurs et leur coefficient</a></li>
  <li class="<%= suppliers.some(s => s.items) ? 'ok' : '' %>"><a href="<%= base %>/suppliers">Importer les fichiers de prix (CSV / Excel)</a></li>
  <li class="<%= catalogDate ? 'ok' : '' %>"><a href="<%= base %>/sync">Récupérer le catalogue PrestaShop</a></li>
  <li><a href="<%= base %>/prices">Contrôler les nouveaux prix</a></li>
  <li><a href="<%= base %>/sync">Envoyer les prix vers PrestaShop</a></li>
</ol>

<div class="kpis">
  <div class="kpi"><div class="kpi-v"><%= stats.ps_total %></div><div class="kpi-l">Produits + déclinaisons PrestaShop</div></div>
  <div class="kpi"><div class="kpi-v"><%= stats.matched %></div><div class="kpi-l">Avec un tarif fournisseur</div></div>
  <a class="kpi kpi-accent" href="<%= base %>/prices?status=changed"><div class="kpi-v"><%= stats.changed %></div><div class="kpi-l">Prix à mettre à jour (↑ <%= stats.up %> / ↓ <%= stats.down %>)</div></a>
  <a class="kpi" href="<%= base %>/prices?status=unmatched"><div class="kpi-v"><%= stats.unmatched %></div><div class="kpi-l">Sans tarif fournisseur</div></a>
</div>
<p class="muted">Catalogue PrestaShop récupéré le : <%= catalogDate || 'jamais' %></p>

<div class="grid2">
  <section class="card">
    <h2>Fournisseurs</h2>
    <% if (!suppliers.length) { %><p class="muted">Aucun fournisseur. <a href="<%= base %>/suppliers/new">En créer un</a>.</p><% } else { %>
    <table class="table">
      <thead><tr><th>Nom</th><th class="num">Coef.</th><th class="num">Articles</th><th>Mis à jour</th></tr></thead>
      <tbody>
      <% suppliers.forEach(s => { %>
        <tr class="<%= s.active ? '' : 'dim' %>"><td><a href="<%= base %>/suppliers/<%= s.id %>"><%= s.name %></a></td><td class="num"><%= s.coefficient %></td><td class="num"><%= s.items %></td><td><%= s.last_update || '—' %></td></tr>
      <% }) %>
      </tbody>
    </table>
    <% } %>
  </section>
  <section class="card">
    <h2>Derniers imports</h2>
    <% if (!imports.length) { %><p class="muted">Aucun import.</p><% } else { %>
    <table class="table">
      <thead><tr><th>Date</th><th>Fournisseur</th><th class="num">OK</th><th class="num">Erreurs</th></tr></thead>
      <tbody>
      <% imports.forEach(i => { %>
        <tr><td><%= i.created_at %></td><td><%= i.supplier %></td><td class="num"><%= i.rows_ok %></td><td class="num"><%= i.rows_error %></td></tr>
      <% }) %>
      </tbody>
    </table>
    <% } %>
    <h2>Dernières tâches</h2>
    <% if (!jobs.length) { %><p class="muted">Aucune tâche.</p><% } else { %>
    <ul class="list">
      <% jobs.forEach(j => { %>
        <li><a href="<%= base %>/sync/jobs/<%= j.id %>">#<%= j.id %> <%= j.type === 'fetch' ? 'Import catalogue' : (j.dry_run ? 'Simulation' : 'Envoi des prix') %></a> — <span class="badge badge-<%= j.status %>"><%= j.status %></span> <span class="muted"><%= j.started_at %></span></li>
      <% }) %>
    </ul>
    <% } %>
  </section>
</div>
<%- include('partials/footer') %>
