<% 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">Marketing</p>
        <h1>Conversions</h1>
      </div>
    </div>

    <div class="conversion-grid">
      <article class="stat"><strong><%= totalQuoteRequests %></strong><span>Demandes envoyées</span></article>
      <article class="stat"><strong><%= totalClicks %></strong><span>Clics suivis</span></article>
      <% byType.forEach((row) => { %>
        <article class="stat"><strong><%= row.total %></strong><span><%= conversionLabel(row.type) %></span></article>
      <% }) %>
    </div>

    <section class="panel" style="margin-top:14px">
      <h2>Pages qui convertissent</h2>
      <% if (!byPage.length) { %>
        <p class="muted">Les premières statistiques apparaîtront après des clics ou demandes de devis.</p>
      <% } else { %>
        <div class="table-wrap">
          <table class="conversion-table">
            <thead><tr><th>Page</th><th>Clics</th><th>Demandes</th><th>Total</th></tr></thead>
            <tbody>
              <% byPage.forEach((row) => { %>
                <tr>
                  <td class="conversion-path"><%= row.page %></td>
                  <td><%= row.clicks || 0 %></td>
                  <td><%= row.requests || 0 %></td>
                  <td><strong><%= row.total || 0 %></strong></td>
                </tr>
              <% }) %>
            </tbody>
          </table>
        </div>
      <% } %>
    </section>

    <section class="panel" style="margin-top:14px">
      <h2>Derniers événements</h2>
      <% if (!recent.length) { %><p class="muted">Aucun événement pour le moment.</p><% } %>
      <% recent.forEach((event) => { const meta = event.meta || {}; %>
        <a class="result-row" href="<%= event.action === 'demande_devis_publique' && meta.request_id ? adminBase + '/demandes/' + meta.request_id : '#' %>">
          <strong><%= event.action === 'demande_devis_publique' ? 'Demande de devis envoyée' : conversionLabel(meta.type) %></strong>
          <span><%= ui.date(event.created_at, true) %> · <%= meta.page || meta.href || 'Page inconnue' %></span>
        </a>
      <% }) %>
    </section>
  </section>
</div>
