<% layout('layouts/main') %>
<% const clientBase = typeof clientBaseUrl !== 'undefined' ? clientBaseUrl : '/client'; %>
<div class="app-shell">
  <%- partial('partials/client-nav') %>
  <section class="content">
    <div class="page-head"><h1>Mes interventions</h1></div>
    <div class="mobile-list">
      <% interventions.forEach(i=>{ %>
        <article class="list-card">
          <div class="list-card-head"><div><strong><%= i.service_type %></strong><span><%= ui.date(i.starts_at, true) %></span></div><span class="badge"><%= ui.label(i.status) %></span></div>
          <p><%= i.address || 'Adresse à confirmer' %></p>
          <% const reports = (reportMap && reportMap[i.id]) ? reportMap[i.id] : []; %>
          <% if (reports.length) { %>
            <div class="client-report-list">
              <% reports.forEach((report) => { %>
                <a class="button secondary small" href="<%= clientBase %>/interventions/<%= i.id %>/rapports/<%= report.id %>/pdf">Rapport PDF du <%= ui.date(report.created_at) %></a>
              <% }) %>
            </div>
          <% } %>
          <% if(i.status==='terminee'){ %>
            <% if (i.review_id) { %>
              <div class="review-done"><strong>Avis envoyé : <%= i.review_rating %>/5</strong><span><%= i.review_comment || 'Merci pour votre retour.' %></span></div>
            <% } else { %>
              <form method="post" action="<%= clientBase %>/avis/<%= i.id %>" class="form-grid review-form">
                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                <div class="form-grid two"><label>Note<input name="rating" type="number" min="1" max="5" value="5"></label><label>Commentaire<input name="private_comment" placeholder="Commentaire privé"></label></div>
                <button>Envoyer mon avis</button>
              </form>
            <% } %>
            <% if (googleReviewUrl) { %><a class="button secondary" target="_blank" rel="noopener" href="<%= googleReviewUrl %>">Laisser un avis Google</a><% } %>
          <% } %>
        </article>
      <% }) %>
      <% if (!interventions.length) { %><p class="panel">Aucune intervention planifiée.</p><% } %>
    </div>
  </section>
</div>
