<% layout('layouts/main') %>
<% const base = fiduciaryBase || '/fiduciaire'; %>
<% const p = portal || {}; %>
<div class="app-shell fiduciary-shell">
  <section class="content fiduciary-portal-page">
    <div class="page-head compact-page-head">
      <div>
        <p class="eyebrow">Portail fiduciaire</p>
        <h1>Dossier mensuel en lecture seule.</h1>
        <p class="muted"><%= p.fiduciary?.fiduciary_company || 'Fiduciaire' %> · accès limité par entreprise, période et permissions.</p>
      </div>
      <form method="get" class="inline-month-form">
        <label>Période<input type="month" name="month" value="<%= p.month %>"></label>
        <button class="secondary">Afficher</button>
      </form>
    </div>

    <section class="suite-command-grid advanced-kpis">
      <article><span>CA facturé</span><strong><%= ui.money(p.stats.invoiced || 0) %></strong><small><%= p.month %></small></article>
      <article><span>Payé</span><strong><%= ui.money(p.stats.paid || 0) %></strong><small>Encaissements</small></article>
      <article><span>Impayé</span><strong><%= ui.money(p.stats.unpaid || 0) %></strong><small>À suivre</small></article>
      <article><span>Dépenses</span><strong><%= ui.money(p.stats.expenses || 0) %></strong><small>Justificatifs inclus si autorisés</small></article>
      <article><span>TVA estimée</span><strong><%= ui.money(p.stats.vatEstimate || 0) %></strong><small>Préparation simple</small></article>
      <article><span>Heures</span><strong><%= ui.duration(p.stats.hours || 0) %></strong><small>Préparation salaires</small></article>
    </section>

    <section class="panel">
      <div class="inline-heading">
        <div><h2>Exports disponibles</h2><p class="muted">Les téléchargements sont journalisés côté serveur.</p></div>
      </div>
      <% if (p.permissions?.exports) { %>
        <div class="suite-module-actions">
          <% if (p.permissions?.invoices) { %><a class="button secondary" href="<%= base %>/exports/invoices.csv?month=<%= p.month %>">Factures CSV</a><% } %>
          <% if (p.permissions?.expenses) { %><a class="button secondary" href="<%= base %>/exports/expenses.csv?month=<%= p.month %>">Dépenses CSV</a><% } %>
          <% if (p.permissions?.hours) { %><a class="button secondary" href="<%= base %>/exports/hours.csv?month=<%= p.month %>">Heures CSV</a><% } %>
          <a class="button secondary" href="<%= base %>/exports/advanced.csv?month=<%= p.month %>">Export complet autorisé</a>
        </div>
      <% } else { %>
        <div class="empty-state slim"><strong>Exports non autorisés</strong><span>Votre accès permet la consultation mais pas le téléchargement.</span></div>
      <% } %>
    </section>

    <% if (p.permissions?.invoices) { %>
      <section class="panel">
        <div class="inline-heading"><h2>Factures</h2><span class="badge"><%= (p.invoices || []).length %> ligne(s)</span></div>
        <div class="table-wrap compact-table-wrap">
          <table><thead><tr><th>N°</th><th>Prestation</th><th>Statut</th><th>Total</th><th>Payé</th><th>Échéance</th></tr></thead><tbody>
            <% (p.invoices || []).forEach((invoice) => { %>
              <tr><td><%= invoice.invoice_number %></td><td><%= invoice.service_type %></td><td><span class="badge"><%= ui.label(invoice.status) %></span></td><td><%= ui.money(invoice.total) %></td><td><%= ui.money(invoice.paid_amount) %></td><td><%= ui.date(invoice.due_date) %></td></tr>
            <% }) %>
          </tbody></table>
        </div>
      </section>
    <% } %>

    <% if (p.permissions?.expenses) { %>
      <section class="panel">
        <div class="inline-heading"><h2>Dépenses</h2><span class="badge"><%= (p.expenses || []).length %> ligne(s)</span></div>
        <div class="table-wrap compact-table-wrap">
          <table><thead><tr><th>Date</th><th>Fournisseur</th><th>Catégorie</th><th>TTC</th><th>Statut</th></tr></thead><tbody>
            <% (p.expenses || []).forEach((expense) => { %>
              <tr><td><%= ui.date(expense.expense_date) %></td><td><%= expense.supplier %></td><td><%= ui.label(expense.category) %></td><td><%= ui.money(expense.amount_incl_vat) %></td><td><%= ui.label(expense.status) %></td></tr>
            <% }) %>
          </tbody></table>
        </div>
      </section>
    <% } %>

    <% if (p.permissions?.documents) { %>
      <section class="panel">
        <div class="inline-heading"><h2>Documents administratifs</h2><span class="badge"><%= (p.docs || []).length %> document(s)</span></div>
        <div class="compact-list">
          <% (p.docs || []).forEach((doc) => { %><article class="line-card"><strong><%= doc.title %></strong><span><%= ui.label(doc.document_type) %> · <%= doc.period_month || 'Sans période' %></span><b><%= ui.date(doc.created_at) %></b></article><% }) %>
          <% if (!(p.docs || []).length) { %><div class="empty-state slim"><strong>Aucun document</strong><span>Les documents autorisés apparaîtront ici.</span></div><% } %>
        </div>
      </section>
    <% } %>
  </section>
</div>
