<% layout('layouts/main') %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<% const run = detail.run; %>
<div class="app-shell">
  <%- partial('partials/admin-nav') %>
  <section class="content payroll-page">
    <div class="page-head">
      <div>
        <p class="eyebrow">Cycle de paie</p>
        <h1><%= run.period_month %></h1>
        <p class="muted"><%= ui.label(run.status) %> · paiement <%= ui.date(run.payment_date) %></p>
      </div>
      <a class="button secondary" href="<%= adminBase %>/salaires">Retour salaires</a>
    </div>

    <section class="stat-grid">
      <article class="stat"><strong><%= ui.money(run.total_gross) %></strong><span>Brut</span></article>
      <article class="stat"><strong><%= ui.money(run.total_employee_deductions) %></strong><span>Retenues</span></article>
      <article class="stat"><strong><%= ui.money(run.total_net) %></strong><span>Net à verser</span></article>
      <article class="stat"><strong><%= ui.money(run.camt_matched_amount || 0) %></strong><span>Rapproché CAMT</span></article>
    </section>

    <section class="payroll-layout">
      <form method="post" action="<%= adminBase %>/salaires/runs/<%= run.id %>/statut" class="panel form-grid">
        <h2>Validation</h2>
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <label>Statut<select name="status">
          <option value="draft" <%= run.status === 'draft' ? 'selected' : '' %>>Brouillon</option>
          <option value="approved" <%= run.status === 'approved' ? 'selected' : '' %>>Approuvé</option>
          <option value="paid" <%= run.status === 'paid' ? 'selected' : '' %>>Payé</option>
          <option value="locked" <%= run.status === 'locked' ? 'selected' : '' %>>Verrouillé</option>
        </select></label>
        <button>Mettre à jour</button>
      </form>

      <section class="panel form-grid">
        <h2>Banque & comptabilité</h2>
        <p class="muted">Générez l’ordre de paiement ISO 20022 puis importez le CAMT pour rapprocher automatiquement le débit bancaire.</p>
        <div class="actions">
          <a class="button secondary" href="<%= adminBase %>/salaires/runs/<%= run.id %>/pain001">Télécharger pain.001</a>
          <a class="button secondary" href="<%= adminBase %>/comptabilite/transactions">Voir CAMT</a>
        </div>
        <% if (run.accounting_entry_id) { %>
          <p class="muted">Écriture comptable créée: #<%= run.accounting_entry_id %>.</p>
          <a class="button secondary" href="<%= adminBase %>/comptabilite/journal">Voir le journal</a>
        <% } else { %>
          <p class="muted">Le brut, les retenues, les charges sociales et les salaires nets seront comptabilisés dans le journal de paie.</p>
          <form method="post" action="<%= adminBase %>/salaires/runs/<%= run.id %>/comptabiliser">
            <input type="hidden" name="_csrf" value="<%= csrfToken %>">
            <button>Comptabiliser le cycle</button>
          </form>
        <% } %>
      </section>
    </section>

    <section class="panel">
      <div class="compact-heading">
        <div>
          <p class="eyebrow">Fiches PDF</p>
          <h2>Collaborateurs</h2>
        </div>
        <span class="badge"><%= detail.payslips.length %> fiche(s)</span>
      </div>
      <div class="table-wrap">
        <table>
          <thead>
            <tr>
              <th>Collaborateur</th>
              <th>Brut</th>
              <th>Retenues</th>
              <th>Net</th>
              <th>Statut</th>
              <th>Versement</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <% detail.payslips.forEach((payslip) => { %>
              <tr>
                <td>
                  <strong><%= payslip.first_name %> <%= payslip.last_name %></strong><br>
                  <span class="muted"><%= payslip.email %></span>
                </td>
                <td><%= ui.money(payslip.gross_salary) %></td>
                <td><%= ui.money(payslip.employee_deductions) %></td>
                <td><strong><%= ui.money(payslip.net_salary) %></strong></td>
                <td><span class="badge"><%= ui.label(payslip.status) %></span></td>
                <td><%= payslip.bank_iban || 'IBAN non renseigné' %></td>
                <td><a class="button small secondary" href="<%= adminBase %>/salaires/fiches/<%= payslip.id %>/pdf" target="_blank" rel="noopener">PDF</a></td>
              </tr>
            <% }) %>
          </tbody>
        </table>
      </div>
    </section>
  </section>
</div>
