    <!-- TABLAS: CIE-10 HISTORIA + CIE-10 QUIRÚRGICO -->
    <div class="card">
      <div class="section-header">📊 Codificación CIE-10</div>

      <!-- CIE-10 de Historia Clínica -->
      <h3>1. Diagnósticos - Historia Clínica</h3>
      {% set cie_historia = historia.codigos_cie10 if historia and historia.codigos_cie10 else [] %}
      {% if cie_historia and cie_historia|length > 0 %}
      <table>
        <thead>
          <tr>
            <th class="epicrisis-col-65">Diagnóstico</th>
            <th class="epicrisis-col-35">Código CIE-10</th>
          </tr>
        </thead>
        <tbody>
          {% for item in cie_historia %}
          <tr>
            <td>{{ item.descripcion or item.diagnostico }}</td>
            <td><strong>{{ item.codigo or 'PENDIENTE' }}</strong></td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p class="muted">⚠️ No se encontraron códigos CIE-10 en la historia clínica.</p>
      {% endif %}

      <!-- CIE-10 de Documento Quirúrgico -->
      <h3 class="epicrisis-mt-lg">2. Diagnósticos Prequirúrgicos y Postquirúrgicos</h3>
      {% set cie_qx = quirurgico.codigos_cie10 if quirurgico and quirurgico.codigos_cie10 else [] %}
      {% if cie_qx and cie_qx|length > 0 %}
      <table>
        <thead>
          <tr>
            <th class="epicrisis-col-50">Diagnóstico Original</th>
            <th class="epicrisis-col-10">Tipo</th>
            <th class="epicrisis-col-15">Código CIE-10</th>
            <th class="epicrisis-col-25">Descripción CIE-10</th>
          </tr>
        </thead>
        <tbody>
          {% for item in cie_qx %}
          <tr>
            <td>{{ item.descripcion or item.diagnostico }}</td>
            <td class="epicrisis-text-center">
              {% if 'POP' in item.diagnostico or 'POST' in item.diagnostico.upper() %}
              <span class="badge badge-post">POST</span>
              {% else %}
              <span class="badge badge-pre">PRE</span>
              {% endif %}
            </td>
            <td><strong>{{ item.codigo or 'PENDIENTE' }}</strong></td>
            <td class="epicrisis-text-sm">{{ item.descripcion or item.diagnostico }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p class="muted">⚠️ No se encontraron códigos CIE-10 en el documento quirúrgico.</p>
      {% endif %}
    </div>

    <!-- HALLAZGOS QUIRÚRGICOS (Solo secciones 5 y 6) -->
    <div class="card">
      <div class="section-header">🔬 Hallazgos y Descripción Quirúrgica</div>

      <div class="epicrisis-stack-lg">
      {% if hallazgos_quirurgicos or descripcion_procedimiento %}
      <!-- Sección 5: HALLAZGOS QUIRÚRGICOS -->
      {% if hallazgos_quirurgicos %}
      <div class="hallazgos-section">
        <h4>5. HALLAZGOS QUIRÚRGICOS</h4>
        <p>{{ hallazgos_quirurgicos | safe }}</p>
      </div>
      {% endif %}

      <!-- Sección 6: DESCRIPCIÓN DEL PROCEDIMIENTO -->
      {% if descripcion_procedimiento %}
      <div class="hallazgos-section epicrisis-panel--success">
        <h4>6. DESCRIPCIÓN DEL PROCEDIMIENTO</h4>
        <p>{{ descripcion_procedimiento | safe }}</p>
      </div>
      {% endif %}
      {% else %}
      <p class="muted">⚠️ No se encontraron hallazgos quirúrgicos o el documento no está estructurado correctamente.</p>
      {% endif %}

      <!-- Tabla CUPS -->
      <h3 class="epicrisis-mt-lg">Códigos CUPS Asignados</h3>
      {% set cups = quirurgico.codigos_cups if quirurgico and quirurgico.codigos_cups else [] %}
      {% if cups and cups|length > 0 %}
      <table>
        <thead>
          <tr>
            <th class="epicrisis-col-65">Procedimiento</th>
            <th class="epicrisis-col-35">Código CUPS</th>
          </tr>
        </thead>
        <tbody>
          {% for item in cups %}
          <tr>
            <td>{{ item.procedimiento }}</td>
            <td><strong>{{ item.codigo_cups }}</strong></td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p class="muted">⚠️ No se encontraron códigos CUPS.</p>
      {% endif %}
      </div>
    </div>


    <!-- NUEVA FEATURE: CÓDIGOS GENERADOS DESDE SOAT CON GEMINI -->
    <div class="card" id="form_codigos_soat">
      <div class="section-header section-header--violet">
        🤖 Codificación Inteligente desde SOAT
      </div>

      <div class="epicrisis-stack-lg">
      <div class="epicrisis-panel epicrisis-panel--warning">
        <h4 class="epicrisis-panel__title">📝 Ingresar Códigos SOAT</h4>
        <p class="epicrisis-note">
          {% if codigos_desde_soat and codigos_desde_soat|length > 0 %}
          Puedes agregar descripciones SOAT adicionales para complementar la codificación actual y persistirlas en la
          epicrisis:
          {% else %}
          No se detectaron códigos SOAT automáticamente. Puedes ingresar descripciones de procedimientos SOAT para
          generar códigos CIE-10 y CUPS con IA:
          {% endif %}
        </p>

        <form id="form_generar_codigos">
          <div id="codigos_container">
            <div class="codigo-input-group">
              <input type="text" name="codigo_soat" placeholder="Código SOAT (ej: 90201)">
              <input type="text" name="descripcion" placeholder="Descripción del procedimiento">
              <button type="button" onclick="eliminarCodigo(this)" class="btn codigo-input-remove">✕</button>
            </div>
          </div>
          <div class="soat-form-controls">
            <button type="button" onclick="agregarCodigo()" class="btn btn-secondary">+ Agregar</button>
            <button type="submit" class="btn">🤖 Generar</button>
          </div>
        </form>
      </div>
      </div>
    </div>

    {% if codigos_desde_soat and codigos_desde_soat|length > 0 %}
    <div class="card">
      <div class="section-header section-header--violet">
        🤖 Codificación Inteligente desde SOAT
      </div>

      <div class="epicrisis-stack-lg">
      <div class="epicrisis-panel epicrisis-panel--info">
        <p class="epicrisis-callout">
          <strong>ℹ️ Información:</strong> Estos códigos CIE-10 y CUPS han sido generados automáticamente por IA a
          partir de las descripciones SOAT identificadas en los documentos del paciente. Se recomienda validar con
          criterio clínico.
        </p>
      </div>

      {% for item in codigos_desde_soat %}
      <div class="soat-result-card">

        <!-- Encabezado del código SOAT -->
        <div class="soat-result-card__header">
          <h4 class="soat-result-card__heading">
            {% if item.codigo_soat %}
            📋 Código SOAT: <span class="soat-result-card__code">{{ item.codigo_soat }}</span>
            {% else %}
            📋 Descripción SOAT
            {% endif %}
          </h4>
          <p class="soat-result-card__description">{{ item.descripcion }}</p>
        </div>

        <!-- CIE-10 PRINCIPAL -->
        {% if item.cie10_principal %}
        <div class="soat-block">
          <h5 class="soat-block__title">
            <span class="soat-block__icon soat-block__icon--lg">🏥</span> CIE-10 PRINCIPAL
          </h5>
          <div class="soat-entry">
            <div class="soat-entry__row">
              <span class="soat-token">{{ item.cie10_principal.codigo }}</span>
              <span class="soat-entry__description">{{ item.cie10_principal.descripcion }}</span>
            </div>
            <p class="soat-justification">
              <strong>Justificación:</strong> {{ item.cie10_principal.justificacion }}
            </p>
          </div>
        </div>
        {% endif %}

        <!-- CIE-10 SECUNDARIOS -->
        {% if item.cie10_secundarios and item.cie10_secundarios|length > 0 %}
        <div class="soat-block soat-block--cie10-secondary">
          <h5 class="soat-block__title">
            <span class="soat-block__icon">📋</span> CIE-10 SECUNDARIOS ({{ item.cie10_secundarios|length }})
          </h5>
          {% for cie10 in item.cie10_secundarios %}
          <div class="soat-entry soat-entry--secondary">
            <div class="soat-entry__row soat-entry__row--compact">
              <span class="soat-token soat-token--secondary">{{ cie10.codigo }}</span>
              <span class="soat-entry__description soat-entry__description--secondary">{{ cie10.descripcion }}</span>
            </div>
            <p class="soat-justification soat-justification--secondary">
              <em>{{ cie10.justificacion }}</em>
            </p>
          </div>
          {% endfor %}
        </div>
        {% endif %}

        <!-- CUPS PRINCIPAL -->
        {% if item.cups_principal %}
        <div class="soat-block soat-block--cups-primary">
          <h5 class="soat-block__title">
            <span class="soat-block__icon soat-block__icon--lg">🔧</span> CUPS PRINCIPAL
          </h5>
          <div class="soat-entry soat-entry--cups">
            <div class="soat-entry__row">
              <span class="soat-token soat-token--cups">{{ item.cups_principal.codigo }}</span>
              <span class="soat-entry__description soat-entry__description--cups">{{ item.cups_principal.descripcion }}</span>
            </div>
            <p class="soat-justification soat-justification--cups">
              <strong>Justificación:</strong> {{ item.cups_principal.justificacion }}
            </p>
          </div>
        </div>
        {% endif %}

        <!-- CUPS ALTERNATIVOS -->
        {% if item.cups_alternativos and item.cups_alternativos|length > 0 %}
        <div class="soat-block soat-block--cups-secondary">
          <h5 class="soat-block__title">
            <span class="soat-block__icon">⚙️</span> CUPS ALTERNATIVOS ({{ item.cups_alternativos|length }})
          </h5>
          {% for cups in item.cups_alternativos %}
          <div class="soat-entry soat-entry--cups-alt">
            <div class="soat-entry__row soat-entry__row--compact">
              <span class="soat-token soat-token--cups-alt">{{ cups.codigo }}</span>
              <span class="soat-entry__description soat-entry__description--cups-alt">{{ cups.descripcion }}</span>
            </div>
            <p class="soat-justification soat-justification--secondary">
              <em>{{ cups.justificacion }}</em>
            </p>
          </div>
          {% endfor %}
        </div>
        {% endif %}

        <!-- ANÁLISIS CLÍNICO -->
        {% if item.analisis_clinico %}
        <div class="soat-block soat-block--analysis">
          <h5 class="soat-block__title">
            <span class="soat-block__icon">📊</span> ANÁLISIS CLÍNICO DETALLADO
          </h5>
          <div class="soat-entry soat-entry--analysis">
            <pre class="soat-analysis-pre">{{ item.analisis_clinico }}</pre>
          </div>
        </div>
        {% endif %}

      </div>
      {% endfor %}

      <!-- Resumen estadístico -->
      <div class="soat-summary">
        <h5 class="soat-summary__title">
          <span class="soat-summary__icon">📈</span> Resumen de Codificación
        </h5>
        <div class="soat-summary__grid">
          <div class="soat-summary__card">
            <div class="soat-summary__value">{{ codigos_desde_soat|length }}</div>
            <div class="soat-summary__label">Códigos SOAT Procesados</div>
          </div>
          <div class="soat-summary__card soat-summary__card--cie10">
            <div class="soat-summary__value">
              {% set total_cie10 = namespace(count=0) %}
              {% for item in codigos_desde_soat %}
              {% if item.cie10_principal %}{% set total_cie10.count = total_cie10.count + 1 %}{% endif %}
              {% set total_cie10.count = total_cie10.count + (item.cie10_secundarios|length if item.cie10_secundarios
              else 0) %}
              {% endfor %}
              {{ total_cie10.count }}
            </div>
            <div class="soat-summary__label">Códigos CIE-10 Generados</div>
          </div>
          <div class="soat-summary__card soat-summary__card--cups">
            <div class="soat-summary__value">
              {% set total_cups = namespace(count=0) %}
              {% for item in codigos_desde_soat %}
              {% if item.cups_principal %}{% set total_cups.count = total_cups.count + 1 %}{% endif %}
              {% set total_cups.count = total_cups.count + (item.cups_alternativos|length if item.cups_alternativos else
              0) %}
              {% endfor %}
              {{ total_cups.count }}
            </div>
            <div class="soat-summary__label">Códigos CUPS Generados</div>
          </div>

        </div>
      </div>

      </div>
    </div>
    {% endif %}
