<% 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 compact-page-head">
      <div><p class="eyebrow">Ventes</p><h1>Devis</h1><p class="muted">Préparation, envoi, suivi et conversion.</p></div>
      <div class="actions">
        <a class="button" href="<%= adminBase %>/devis/nouveau">Créer devis</a>
        <a class="button secondary" href="<%= adminBase %>/devis.csv">Export CSV</a>
      </div>
    </div>
    <form class="panel search-panel form-grid two" method="get">
      <label>Recherche<input name="q" value="<%= filters.q || '' %>" placeholder="Numéro, client, prestation"></label>
      <label>Statut<select name="status">
        <option value="">Tous les statuts</option>
        <% ['brouillon','envoye','accepte','refuse','expire'].forEach(s => { %>
          <option value="<%= s %>" <%= filters.status===s?'selected':'' %>><%= ui.label(s) %></option>
        <% }) %>
      </select></label>
      <button>Filtrer</button>
    </form>
    <div class="mobile-list compact-admin-list">
      <% quotes.forEach(q => { %>
        <article class="list-card compact-record">
          <div class="list-card-head">
            <div><strong><%= q.quote_number %></strong><span><%= q.first_name %> <%= q.last_name %> - <%= q.service_type %></span></div>
            <span class="badge"><%= ui.label(q.status) %></span>
          </div>
          <p class="compact-meta"><%= ui.money(q.total) %> · <%= ui.date(q.created_at) %> · valable jusqu’au <%= ui.date(q.valid_until) %></p>
          <div class="actions inline-actions">
            <a class="button secondary small" href="<%= adminBase %>/devis/<%= q.id %>">Ouvrir</a>
            <a class="button secondary small" href="/quotes/<%= q.id %>/pdf">PDF</a>
            <form method="post" action="<%= adminBase %>/devis/<%= q.id %>/envoyer"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="secondary">Envoyer</button></form>
            <form method="post" action="<%= adminBase %>/devis/<%= q.id %>/facture"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button class="secondary">Créer facture</button></form>
          </div>
        </article>
      <% }) %>
      <% if (!quotes.length) { %><div class="empty-state"><strong>Aucun devis trouvé</strong><span>Créez un devis depuis une demande ou un client existant.</span><a class="button secondary small" href="<%= adminBase %>/devis/nouveau">Créer devis</a></div><% } %>
    </div>
    <%- partial('partials/pagination', { page, pageUrl, param: 'page' }) %>
  </section>
</div>
