<% layout('layouts/main') %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<% const averageRating = reviews.length ? reviews.reduce((sum, review) => sum + Number(review.rating || 0), 0) / reviews.length : 0; %>
<div class="app-shell">
  <%- partial('partials/admin-nav') %>
  <section class="content site-admin-page">
    <div class="page-head compact-page-head">
      <div>
        <p class="eyebrow">Preuve sociale</p>
        <h1>Avis clients</h1>
        <p class="muted">Suivez les retours après intervention et utilisez les meilleurs avis pour renforcer la confiance du site.</p>
      </div>
      <div class="actions">
        <a class="button secondary" href="<%= adminBase %>/factures">Factures</a>
        <a class="button secondary" href="<%= adminBase %>/studio">Studio</a>
      </div>
    </div>

    <section class="site-quality-strip">
      <article><strong><%= reviews.length %></strong><span>Avis reçus</span></article>
      <article><strong><%= averageRating.toFixed(1) %>/5</strong><span>Note moyenne</span></article>
      <article><strong><%= reviews.filter((review) => Number(review.rating || 0) >= 4).length %></strong><span>Avis forts</span></article>
    </section>

    <section class="panel site-review-guidance">
      <div>
        <h2>Collecte maîtrisée</h2>
        <p class="muted">La demande d’avis Google se déclenche depuis l’envoi de facture uniquement quand l’option est cochée. Cela évite d’envoyer plusieurs demandes au même client.</p>
      </div>
      <a class="button secondary small" href="<%= adminBase %>/factures">Préparer une facture</a>
    </section>

    <div class="mobile-list site-review-list">
      <% reviews.forEach(r=>{ %>
        <article class="list-card site-review-card">
          <div class="list-card-head">
            <div><strong><%= r.first_name %> <%= r.last_name %></strong><span><%= r.service_type %> · <%= ui.date(r.created_at, true) %></span></div>
            <span class="badge"><%= r.rating %>/5</span>
          </div>
          <p><%= r.private_comment || 'Aucun commentaire privé renseigné.' %></p>
        </article>
      <% }) %>
      <% if (!reviews.length) { %><div class="empty-state"><strong>Aucun avis reçu</strong><span>Les avis client apparaîtront ici après les interventions et les demandes envoyées depuis les factures.</span></div><% } %>
    </div>
  </section>
</div>
