<% 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">TVA suisse</p><h1>Décompte TVA</h1><p class="muted">Synthèse exploitable pour la préparation du décompte TVA suisse.</p></div></div>

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

    <section class="stat-grid">
      <article class="stat"><strong><%= ui.money(report.salesTaxable) %></strong><span>Chiffre d’affaires imposable</span></article>
      <article class="stat"><strong><%= ui.money(report.vatCollected) %></strong><span>TVA collectée</span></article>
      <article class="stat"><strong><%= ui.money(report.vatInput) %></strong><span>TVA préalable</span></article>
      <article class="stat"><strong><%= ui.money(report.vatDue) %></strong><span>Solde TVA</span></article>
    </section>

    <article class="panel">
      <h2>Contrôles avant déclaration</h2>
      <div class="launch-checklist">
        <div class="launch-step done"><span class="badge">01</span><strong>Factures clients</strong><small>Les ventes non annulées alimentent la TVA collectée.</small></div>
        <div class="launch-step done"><span class="badge">02</span><strong>Dépenses</strong><small>Les achats avec TVA alimentent la TVA préalable.</small></div>
        <div class="launch-step done"><span class="badge">03</span><strong>Journal</strong><small>Export CSV disponible pour contrôle fiduciaire.</small></div>
      </div>
      <div class="actions"><a class="button secondary" href="<%= adminBase %>/comptabilite/journal">Voir le journal</a><a class="button secondary" href="<%= adminBase %>/comptabilite/achats">Voir les achats</a></div>
    </article>
  </section>
</div>
