<div class="contenedor prosa">
  <h1>Informe de episodio #<%= ep.id %></h1>
  <p class="u-texto-suave">Generado el <%= new Date().toISOString().slice(0,10) %> · uso interno de la clínica</p>
  <div class="tabla-envoltorio"><table class="tabla-datos"><tbody>
    <tr><th>Paciente</th><td><%= ep.paciente %></td></tr>
    <tr><th>Cirujano</th><td><%= ep.cirujano %></td></tr>
    <tr><th>Articulación</th><td><%= ep.articulacion %><%= ep.lado && ep.lado!=='na' ? ' ('+ep.lado+')' : '' %></td></tr>
    <tr><th>Estado</th><td><%= ep.estado %></td></tr>
    <tr><th>Intervención</th><td><%= ep.fecha_intervencion ? new Date(ep.fecha_intervencion).toISOString().slice(0,10) : '—' %></td></tr>
    <tr><th>Implante</th><td><%= ep.producto || '—' %><%= ep.lote ? ' · lote '+ep.lote : '' %><%= ep.udi ? ' · UDI '+ep.udi : '' %></td></tr>
  </tbody></table></div>
  <h2 style="font-size:20px">Consentimientos</h2>
  <% if (!consent.length) { %><p class="u-texto-suave">Sin consentimientos registrados.</p><% } %>
  <% consent.forEach(function(c){ %><p><%= c.titulo %>: <strong><%= c.estado %></strong><%= c.firmado_at ? ' ('+new Date(c.firmado_at).toLocaleString('es-ES')+')' : '' %></p><% }) %>
  <h2 style="font-size:20px">Seguimiento PROM</h2>
  <div class="tabla-envoltorio"><table class="tabla-datos">
    <thead><tr><th>Momento</th><th>Programado</th><th>Respondido</th><th>Puntuación</th></tr></thead><tbody>
    <% proms.forEach(function(p){ %>
    <tr><td><%= p.momento %></td><td><%= new Date(p.programado_para).toISOString().slice(0,10) %></td>
      <td><%= p.respondido_at ? '✓' : '—' %></td><td><%= p.puntuacion !== null ? p.puntuacion : '—' %></td></tr>
    <% }) %></tbody></table></div>
  <p class="u-mt-16"><button class="btn btn--fantasma" onclick="window.print()">Imprimir / guardar PDF</button></p>
</div>
