<%- include('partials/header') %>
<div class="page-head">
  <h1>Tâche #<%= job.id %> — <%= JOB_TYPES[job.type] %><%= job.dry_run ? ' (simulation)' : '' %></h1>
  <a class="btn btn-ghost" href="<%= base %>/sync">← Synchronisation</a>
</div>
<div class="card" id="job" data-job-id="<%= job.id %>" data-status="<%= job.status %>">
  <p>Statut : <span class="badge badge-<%= job.status %>" id="job-status"><%= JOB_STATUS[job.status] %></span>
     <span id="job-count"><%= job.done %> / <%= job.total %></span> — erreurs : <span id="job-errors"><%= job.errors %></span></p>
  <div class="progress"><div id="job-bar" style="width: <%= job.total ? Math.round(job.done / job.total * 100) : (job.status === 'running' ? 5 : 100) %>%"></div></div>
  <p class="small muted">Vous pouvez quitter cette page ; laisser la page ouverte aide néanmoins l’hébergement à garder l’application active pendant les longues tâches.</p>
  <pre class="log" id="job-log"><%= job.log %></pre>
  <p id="job-next" class="<%= job.status === 'running' ? 'hidden' : '' %>">
    <% if (job.type === 'fetch') { %><a class="btn btn-primary" href="<%= base %>/prices?status=changed">Voir les prix à mettre à jour →</a><% } %>
    <% if (job.type === 'push' && job.dry_run) { %><a class="btn btn-primary" href="<%= base %>/sync">Lancer l’envoi réel →</a><% } %>
  </p>
</div>
<%- include('partials/footer') %>
