<% layout('layouts/main') %>
<div class="app-shell">
  <%- partial('partials/client-nav') %>
  <section class="content">
    <div class="page-head"><div><p class="eyebrow">Espace client</p><h1>Mes documents</h1><p class="muted">Devis, factures, rapports d’intervention et documents partagés par l’entreprise.</p></div></div>
    <div class="mobile-list">
      <% documents.forEach(doc=>{ %>
        <article class="list-card">
          <div class="list-card-head">
            <div><strong><%= doc.number %></strong><span><%= doc.typeLabel %> · <%= doc.service_type || 'Document' %></span></div>
            <span class="badge"><%= ui.label(doc.status) %></span>
          </div>
          <div class="detail-grid compact">
            <div class="detail-item"><span>Date</span><strong><%= ui.date(doc.created_at) %></strong></div>
            <% if (doc.total !== null && doc.total !== undefined) { %><div class="detail-item"><span>Total</span><strong><%= ui.money(doc.total) %></strong></div><% } %>
          </div>
          <a class="button secondary" href="<%= doc.download_href %>">Ouvrir le PDF</a>
        </article>
      <% }) %>
      <% if (!documents.length) { %><div class="empty-state"><strong>Aucun document disponible</strong><span>Vos devis, factures, rapports et documents partagés apparaîtront ici automatiquement.</span></div><% } %>
    </div>
  </section>
</div>
