<% 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é</p><h1>Plan comptable</h1><p class="muted">Comptes adaptés aux PME suisses, modifiables par entreprise.</p></div>
      <a class="button secondary" href="<%= adminBase %>/comptabilite">Retour comptabilité</a>
    </div>

    <form method="post" action="<%= adminBase %>/comptabilite/comptes" class="panel form-grid">
      <h2>Ajouter ou modifier un compte</h2>
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <div class="form-grid two">
        <label>Code<input name="code" placeholder="Ex. 1100" required></label>
        <label>Nom<input name="name" placeholder="Créances clients" required></label>
      </div>
      <div class="form-grid two">
        <label>Type<select name="type" required>
          <option value="asset">Actif</option>
          <option value="liability">Passif</option>
          <option value="equity">Fonds propres</option>
          <option value="revenue">Produit</option>
          <option value="expense">Charge</option>
        </select></label>
        <label>Catégorie<input name="category" placeholder="Liquidités, TVA, ventes..."></label>
      </div>
      <button>Enregistrer le compte</button>
    </form>

    <section class="panel">
      <h2>Comptes</h2>
      <div class="table-wrap">
        <table>
          <thead><tr><th>Code</th><th>Compte</th><th>Type</th><th>Catégorie</th><th>Statut</th><th>Origine</th><th></th></tr></thead>
          <tbody>
            <% accounts.forEach((account) => { %>
              <tr>
                <td><strong><%= account.code %></strong></td>
                <td><%= account.name %></td>
                <td><%= ui.label(account.type) %></td>
                <td><%= account.category || 'Général' %></td>
                <td><span class="badge"><%= account.is_active ? 'Actif' : 'Désactivé' %></span></td>
                <td><span class="badge"><%= account.is_system ? 'Système' : 'Personnalisé' %></span></td>
                <td>
                  <% if (!account.is_system) { %>
                    <form class="inline-form" method="post" action="<%= adminBase %>/comptabilite/comptes/<%= account.id %>/desactiver">
                      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                      <button class="secondary danger" type="submit">Supprimer</button>
                    </form>
                  <% } else { %>
                    <span class="muted">Protégé</span>
                  <% } %>
                </td>
              </tr>
            <% }) %>
          </tbody>
        </table>
      </div>
    </section>
  </section>
</div>
