reporte_template.html

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Reporte de Evaluación - {{titulo}}</title>
<style>
  body { font-family: Arial, sans-serif; margin: 24px; }
  h1 { font-size: 24px; margin-bottom: 4px; }
  h2 { margin-top: 24px; }
  table { border-collapse: collapse; width: 100%; margin-top: 12px; }
  th, td { border: 1px solid #ccc; padding: 8px; vertical-align: top; }
  th { background: #f5f5f5; text-align: left; }
  .meta td { border: none; padding: 4px 0; }
  .badge { display: inline-block; padding: 2px 8px; border-radius: 8px; background: #efefef; }
  .resumen { background: #f9f9f9; padding: 12px; border: 1px solid #eee; }
  .foot { color: #777; font-size: 12px; margin-top: 24px; }
</style>
</head>
<body>
  <h1>Reporte de Evaluación de Tecnologías</h1>
  <div class="meta">
    <table>
      <tr><td><strong>Título:</strong></td><td>{{titulo}}</td></tr>
      <tr><td><strong>Responsable:</strong></td><td>{{responsable}}</td></tr>
      <tr><td><strong>Facultad:</strong></td><td>{{facultad}}</td></tr>
      <tr><td><strong>Fecha:</strong></td><td>{{fecha}}</td></tr>
      <tr><td><strong>Descripción breve:</strong></td><td>{{descripcion}}</td></tr>
    </table>
  </div>

  <h2>Criterios y resultados</h2>
  <table>
    <thead>
      <tr>
        <th>Criterio</th>
        <th>Peso</th>
        <th>Opción seleccionada</th>
        <th>Puntaje</th>
        <th>Puntaje ponderado</th>
        <th>Evidencia / Comentarios</th>
      </tr>
    </thead>
    <tbody>
      {{filas}}
    </tbody>
    <tfoot>
      <tr>
        <th colspan="4" style="text-align:right;">Total ponderado</th>
        <th>{{total}}</th>
        <th></th>
      </tr>
    </tfoot>
  </table>

  <h2>Resumen</h2>
  <div class="resumen">
    {{resumen}}
  </div>

  <div class="foot">
    Generado automáticamente. Archivo fuente: {{archivo_fuente}}. Fecha de generación: {{fecha_gen}}.
  </div>
</body>
</html>