<% layout('layouts/main') %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<div class="app-shell">
  <%- partial('partials/admin-nav') %>
  <section class="content">
    <div class="page-head">
      <div><p class="eyebrow">Comptabilité suisse</p><h1>Bilan</h1><p class="muted">Actifs, passifs, fonds propres et résultat courant calculés depuis les écritures validées.</p></div>
      <a class="button secondary" href="<%= adminBase %>/comptabilite/journal.csv">Exporter le journal</a>
    </div>

    <form method="get" class="panel form-grid two">
      <label>Du<input type="date" name="from" value="<%= period.from %>"></label>
      <label>Au<input type="date" name="to" value="<%= period.to %>"></label>
      <button>Actualiser</button>
    </form>

    <section class="stat-grid">
      <article class="stat"><strong><%= ui.money(report.totalAssets) %></strong><span>Total actifs</span></article>
      <article class="stat"><strong><%= ui.money(report.totalLiabilities) %></strong><span>Total passifs</span></article>
      <article class="stat"><strong><%= ui.money(report.totalEquity) %></strong><span>Fonds propres + résultat</span></article>
      <article class="stat"><strong><%= ui.money(report.balanceDifference) %></strong><span>Écart de contrôle</span></article>
    </section>

    <div class="grid cards">
      <section class="panel">
        <h2>Actifs</h2>
        <div class="table-wrap compact-table"><table><thead><tr><th>Compte</th><th>Montant</th></tr></thead><tbody>
          <% report.assets.forEach(row => { %><tr><td><strong><%= row.code %></strong><br><span class="muted"><%= row.name %></span></td><td><%= ui.money(row.amount) %></td></tr><% }) %>
        </tbody></table></div>
      </section>
      <section class="panel">
        <h2>Passifs & fonds propres</h2>
        <div class="table-wrap compact-table"><table><thead><tr><th>Compte</th><th>Montant</th></tr></thead><tbody>
          <% report.liabilities.forEach(row => { %><tr><td><strong><%= row.code %></strong><br><span class="muted"><%= row.name %></span></td><td><%= ui.money(row.amount) %></td></tr><% }) %>
          <% report.equity.forEach(row => { %><tr><td><strong><%= row.code %></strong><br><span class="muted"><%= row.name %></span></td><td><%= ui.money(row.amount) %></td></tr><% }) %>
          <tr><td><strong>Résultat courant</strong><br><span class="muted">Résultat non affecté</span></td><td><%= ui.money(report.currentResult) %></td></tr>
        </tbody></table></div>
      </section>
    </div>

    <section class="panel">
      <h2>Balance de contrôle</h2>
      <div class="table-wrap compact-table"><table><thead><tr><th>Compte</th><th>Type</th><th>Débit</th><th>Crédit</th><th>Solde naturel</th></tr></thead><tbody>
        <% trial.forEach(row => { %><tr><td><strong><%= row.code %></strong><br><span class="muted"><%= row.name %></span></td><td><%= ui.label(row.type) %></td><td><%= ui.money(row.debit) %></td><td><%= ui.money(row.credit) %></td><td><%= ui.money(row.naturalBalance) %></td></tr><% }) %>
      </tbody></table></div>
    </section>
  </section>
</div>
