<% const interventionAdminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<article class="ops-card <%= compact ? 'ops-card-compact' : '' %>" id="intervention-<%= i.id %>">
  <header>
    <div>
      <a href="<%= interventionAdminBase %>/interventions/<%= i.id %>"><strong><%= i.service_type || 'Intervention' %></strong></a>
      <span><%= i.first_name %> <%= i.last_name %></span>
    </div>
    <span class="badge"><%= ui.label(i.status) %></span>
  </header>
  <div class="ops-meta">
    <div><span>Équipe</span><b><%= i.team_names || (i.assigned_first_name ? `${i.assigned_first_name} ${i.assigned_last_name}` : 'Non assignée') %></b></div>
    <div><span>Date</span><b><%= ui.date(i.starts_at, true) %></b></div>
    <div><span>Tarif</span><b><%= ui.money(i.hourly_rate) %> / h</b></div>
    <div><span>Réalisé</span><b><%= Math.floor((i.actual_duration_minutes || 0) / 60) %>h<%= String((i.actual_duration_minutes || 0) % 60).padStart(2, '0') %></b></div>
  </div>
  <% if (i.address || i.client_comment) { %>
    <p class="ops-note"><%= i.address || i.client_comment %></p>
  <% } %>
  <details class="ops-edit">
    <summary><%= compact ? 'Modifier / réactiver' : 'Modifier' %></summary>
    <% const selectedTeamIds = String(i.team_ids || i.assigned_user_id || '').split(',').map(Number); %>
    <form method="post" action="<%= interventionAdminBase %>/interventions/<%= i.id %>" class="ops-form compact">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <div class="form-grid two">
        <label>Équipe assignée<select name="assigned_user_ids" multiple size="4"><% staff.forEach(s=>{ %><option value="<%= s.id %>" <%= selectedTeamIds.includes(Number(s.id))?'selected':'' %>><%= s.first_name %> <%= s.last_name %></option><% }) %></select><small>Plusieurs personnes peuvent travailler sur la même intervention.</small></label>
        <label>Statut<select name="status"><% ['planifiee','confirmee','en_cours','terminee','annulee','reportee'].forEach(s=>{ %><option value="<%= s %>" <%= i.status===s?'selected':'' %>><%= ui.label(s) %></option><% }) %></select></label>
      </div>
      <div class="form-grid two">
        <label>Début<input type="datetime-local" name="starts_at" value="<%= ui.datetimeInput(i.starts_at) %>"></label>
        <label>Fin estimée<input type="datetime-local" name="ends_at" value="<%= ui.datetimeInput(i.ends_at) %>"></label>
      </div>
      <div class="form-grid two">
        <label>Tarif horaire<input name="hourly_rate" value="<%= i.hourly_rate || 0 %>"></label>
        <label>Prix prévu<input name="expected_price" value="<%= i.expected_price || 0 %>"></label>
      </div>
      <div class="form-grid two">
        <label>Note interne<textarea name="admin_comment"><%= i.admin_comment || '' %></textarea></label>
        <label>Commentaire client<textarea name="client_comment"><%= i.client_comment || '' %></textarea></label>
      </div>
      <button class="secondary">Enregistrer</button>
    </form>
  </details>
</article>
