<% layout('layouts/main') %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<div class="app-shell">
  <%- partial('partials/admin-nav') %>
  <section class="content requests-inbox">
    <div class="page-head compact-page-head">
      <div>
        <p class="eyebrow">Ventes</p>
        <h1>Demandes</h1>
        <p class="muted">Réception, qualification, rattachement client et création de devis.</p>
      </div>
      <div class="actions">
        <a class="button secondary" href="<%= adminBase %>/demandes.csv">Export CSV</a>
        <a class="button secondary" href="<%= adminBase %>/pipeline">Voir le pipeline</a>
      </div>
    </div>

    <div class="request-kpis compact-kpis request-kpi-strip">
      <a href="<%= adminBase %>/demandes?status=nouvelle"><strong><%= groups.action.length %></strong><span>À traiter</span></a>
      <a href="<%= adminBase %>/demandes?status=devis_envoye"><strong><%= groups.quote.length %></strong><span>En suivi</span></a>
      <a href="<%= adminBase %>/demandes?status=planifiee"><strong><%= groups.done.length %></strong><span>Classées</span></a>
    </div>

    <form class="panel search-panel form-grid two" method="get">
      <label>Statut<select name="status">
        <option value="">Toutes les demandes</option>
        <% ['nouvelle','en_analyse','devis_envoye','devis_accepte','devis_refuse','planifiee','terminee','annulee'].forEach(s => { %><option value="<%= s %>" <%= filters.status===s?'selected':'' %>><%= ui.label(s) %></option><% }) %>
      </select></label>
      <label>Prestation<input name="type" value="<%= filters.type || '' %>" placeholder="Fin de bail, vitres, régulier..."></label>
      <button>Filtrer</button>
    </form>

    <section class="panel request-section-panel">
      <div class="inline-heading">
        <div>
          <h2>À traiter maintenant</h2>
          <p class="muted">Demandes nouvelles ou en analyse, prêtes à qualifier.</p>
        </div>
        <span class="badge"><%= groups.action.length %></span>
      </div>
      <div class="mobile-list compact-admin-list request-list">
        <% groups.actionPrimary.forEach(r=>{ %>
          <%- include('../partials/admin-request-card', { requestItem: r, adminBase }) %>
        <% }) %>
      </div>
      <% if (!groups.action.length) { %><div class="empty-state"><strong>Aucune demande urgente</strong><span>Les nouvelles demandes apparaîtront ici.</span></div><% } %>
      <% if (groups.actionMore.length) { %>
        <details class="ops-drawer compact-drawer">
          <summary><span>Afficher <%= groups.actionMore.length %> autres demandes à traiter</span><small>Demandes moins récentes</small></summary>
          <div class="mobile-list compact-admin-list request-list drawer-content">
            <% groups.actionMore.forEach(r=>{ %>
              <%- include('../partials/admin-request-card', { requestItem: r, adminBase }) %>
            <% }) %>
          </div>
        </details>
      <% } %>
    </section>

    <details class="ops-drawer" <%= filters.status || filters.type ? 'open' : '' %>>
      <summary><span>Demandes en suivi</span><small>Devis envoyés, acceptés ou dossiers classés</small></summary>
      <div class="mobile-list compact-admin-list request-list drawer-content">
        <% [...groups.quote, ...groups.done].forEach(r=>{ %>
          <%- include('../partials/admin-request-card', { requestItem: r, adminBase }) %>
        <% }) %>
        <% if (![...groups.quote, ...groups.done].length) { %><p class="muted">Aucune demande en suivi.</p><% } %>
      </div>
    </details>
    <%- partial('partials/pagination', { page, pageUrl, param: 'page' }) %>
  </section>
</div>
