<section class="pdf-workspace" id="seleccion_pdf_card" aria-labelledby="pdf-workspace-title">
  <header class="pdf-workspace__header">
    <div>
      <p class="pdf-workspace__eyebrow">Publicación clínica</p>
      <h2 id="pdf-workspace-title">Preparar PDF</h2>
      <p>Revisa únicamente los elementos publicables y decide cuáles formarán parte de la epicrisis.</p>
    </div>
    <div class="pdf-workspace__meta" aria-label="Estado de preparación">
      <span id="agente_qx_status" class="muted" aria-live="polite">Analizando hallazgos quirúrgicos…</span>
      <span class="pdf-workspace__selection-meta">
        <strong id="pdf_selection_summary">0 elementos seleccionados</strong>
        <span id="pdf_autosave_status" role="status" aria-live="polite">Todos los cambios guardados</span>
      </span>
    </div>
  </header>

  <nav class="pdf-tabs" role="tablist" aria-label="Categorías de preparación del PDF">
    {% for key, label in [('diagnosticos', 'Diagnósticos'), ('procedimientos', 'Procedimientos'), ('medicamentos', 'Medicamentos'), ('ayudas_diagnosticas', 'Ayudas diagnósticas')] %}
    <button id="pdf-tab-{{ key }}" class="pdf-tabs__tab" type="button" role="tab"
      aria-selected="{{ 'true' if loop.first else 'false' }}" aria-controls="pdf-panel-{{ key }}"
      tabindex="{{ '0' if loop.first else '-1' }}" data-preparation-tab="{{ key }}">
      <span>{{ label }}</span><span class="pdf-tabs__count" data-count-for="{{ key }}">0/0</span>
    </button>
    {% endfor %}
  </nav>

  <section id="pdf-panel-diagnosticos" class="pdf-tab-panel" role="tabpanel"
    aria-labelledby="pdf-tab-diagnosticos" data-preparation-panel="diagnosticos">
    <div class="pdf-toolbar">
      <label class="pdf-search"><span>Buscar diagnóstico</span><input id="diagnosticos_search" type="search" placeholder="CIE-10 o nombre" autocomplete="off"></label>
      <div class="pdf-toolbar__actions">
        <button type="button" class="ui-button ui-button--ghost ui-button--small" data-select-visible="diagnosticos">Seleccionar visibles</button>
        <button type="button" class="ui-button ui-button--ghost ui-button--small" data-clear-visible="diagnosticos">Quitar visibles</button>
        {% if curation_schema_version %}
        <a class="ui-button ui-button--secondary ui-button--small" href="#auditoria" data-subview-link="auditoria" aria-describedby="strict-publication-note">Agregar diagnóstico</a>
        {% else %}
        <button type="button" class="ui-button ui-button--secondary ui-button--small" data-add-manual="diagnosticos">Agregar diagnóstico</button>
        {% endif %}
      </div>
    </div>
    <div class="pdf-list" role="table" aria-label="Diagnósticos publicables">
      <div class="pdf-list__head pdf-list__row--diagnosis" role="row"><span role="columnheader">Incluir</span><span role="columnheader">CIE-10</span><span role="columnheader">Diagnóstico</span><span role="columnheader">Descripción</span><span role="columnheader">Detalle</span></div>
      <div id="diagnosticos_list" role="rowgroup"></div>
      <p class="pdf-list__empty" data-empty-for="diagnosticos" hidden>No hay diagnósticos que coincidan con la búsqueda.</p>
    </div>
    {% if curation_schema_version %}<p id="strict-publication-note" class="pdf-workspace__note">La publicación estricta exige conciliar diagnósticos en Auditoría antes de publicarlos.</p>{% endif %}
    <details class="pdf-supporting">
      <summary>Catálogo y hallazgos de consolidación</summary>
      {% if diagnosticos_consolidados %}<ul>{% for item in diagnosticos_consolidados %}<li><strong>{{ item.texto_presentacion }}</strong><small>Estado: {{ item.estado_codificacion or 'pendiente_validacion' }} · Fuentes: {{ item.fuentes|join(', ') if item.fuentes else 'desconocida' }}{% if item.pagina %} · pág. {{ item.pagina }}{% endif %}{% if item.seccion %} · {{ item.seccion }}{% endif %}</small>{% if item.evidencia_clinica %}<small>Evidencia: {{ item.evidencia_clinica }}</small>{% endif %}</li>{% endfor %}</ul>{% endif %}
      {% if diagnosticos_consolidacion_hallazgos %}<ul>{% for item in diagnosticos_consolidacion_hallazgos %}<li><strong>{{ item.tipo or 'Hallazgo' }}</strong> — {{ item.detalle }}</li>{% endfor %}</ul>{% endif %}
      {% if not diagnosticos_consolidados and not diagnosticos_consolidacion_hallazgos %}<p class="muted">Sin información adicional de consolidación.</p>{% endif %}
    </details>
    <textarea id="diagnosticos_extra" hidden {% if curation_schema_version %}disabled{% endif %}></textarea>
  </section>

  <section id="pdf-panel-procedimientos" class="pdf-tab-panel" role="tabpanel" aria-labelledby="pdf-tab-procedimientos" data-preparation-panel="procedimientos" hidden>
    <div class="pdf-toolbar">
      <label class="pdf-search"><span>Buscar procedimiento</span><input id="procedimientos_search" type="search" placeholder="CUPS o nombre" autocomplete="off"></label>
      <label class="pdf-filter"><span>Clasificación</span><select id="procedimientos_classification_filter"><option value="todos">Todas</option><option value="quirurgico">Quirúrgico</option><option value="no_quirurgico">No quirúrgico</option></select></label>
      <label class="pdf-filter"><span>Grupo SOAT</span><select id="procedimientos_group_filter"><option value="todos">Todos</option><option value="con_grupo">Con grupo</option><option value="sin_grupo">Sin grupo</option></select></label>
      <div class="pdf-toolbar__actions">
        <button type="button" class="ui-button ui-button--ghost ui-button--small" data-select-visible="procedimientos">Seleccionar visibles</button>
        <button type="button" class="ui-button ui-button--ghost ui-button--small" data-clear-visible="procedimientos">Quitar visibles</button>
        <button id="procedimiento_manual_agregar" type="button" class="ui-button ui-button--secondary ui-button--small" data-add-manual="procedimientos">Agregar procedimiento</button>
      </div>
    </div>
    <div class="pdf-list" role="table" aria-label="Procedimientos publicables">
      <div class="pdf-list__head pdf-list__row--procedure" role="row"><span role="columnheader">Incluir</span><span role="columnheader">CUPS</span><span role="columnheader">Descripción</span><span role="columnheader">Clasificación</span><span role="columnheader">Grupo SOAT</span><span role="columnheader">Detalle</span></div>
      <div id="procedimientos_list" role="rowgroup"></div><p class="pdf-list__empty" data-empty-for="procedimientos" hidden>No hay procedimientos que coincidan con los filtros.</p>
    </div>
    <details class="pdf-supporting"><summary>Ampliaciones médicas</summary><div class="pdf-expansions"><label>Hallazgos quirúrgicos<textarea id="hallazgos_extra"></textarea></label><label>Descripción del procedimiento<textarea id="descripcion_procedimiento_extra"></textarea></label></div></details>
  </section>

  <section id="pdf-panel-medicamentos" class="pdf-tab-panel" role="tabpanel" aria-labelledby="pdf-tab-medicamentos" data-preparation-panel="medicamentos" hidden>
    <div class="pdf-toolbar">
      <label class="pdf-search"><span>Buscar medicamento</span><input id="medicamentos_search" type="search" placeholder="Nombre o código" autocomplete="off"></label>
      <div class="pdf-toolbar__actions"><button type="button" class="ui-button ui-button--ghost ui-button--small" data-select-visible="medicamentos">Seleccionar visibles</button><button type="button" class="ui-button ui-button--ghost ui-button--small" data-clear-visible="medicamentos">Quitar visibles</button><button type="button" class="ui-button ui-button--secondary ui-button--small" data-add-manual="medicamentos">Agregar medicamento</button></div>
    </div>
    <div class="pdf-list" role="table" aria-label="Medicamentos publicables"><div class="pdf-list__head pdf-list__row--medication" role="row"><span role="columnheader">Incluir</span><span role="columnheader">Nombre / presentación</span><span role="columnheader">Posología</span><span role="columnheader">Dosis</span><span role="columnheader">Cantidad</span><span role="columnheader">Estado</span><span role="columnheader">Detalle</span></div><div id="medicamentos_list" role="rowgroup"></div><p class="pdf-list__empty" data-empty-for="medicamentos" hidden>No hay medicamentos que coincidan con la búsqueda.</p></div>
    <textarea id="medicamentos_extra" hidden></textarea>
  </section>

  <section id="pdf-panel-ayudas_diagnosticas" class="pdf-tab-panel" role="tabpanel" aria-labelledby="pdf-tab-ayudas_diagnosticas" data-preparation-panel="ayudas_diagnosticas" hidden>
    <div class="pdf-toolbar">
      <label class="pdf-search"><span>Buscar ayuda</span><input id="ayudas_diagnosticas_search" type="search" placeholder="Nombre" autocomplete="off"></label>
      <label class="pdf-filter"><span>Tipo</span><select id="ayudas_diagnosticas_filter"><option value="todos">Todos</option><option value="imagen">Imagen</option><option value="laboratorio">Laboratorio / examen de sangre</option><option value="procedimiento_diagnostico">Procedimiento diagnóstico</option></select></label>
      <div class="pdf-toolbar__actions"><button type="button" class="ui-button ui-button--ghost ui-button--small" data-select-visible="ayudas_diagnosticas">Seleccionar visibles</button><button type="button" class="ui-button ui-button--ghost ui-button--small" data-clear-visible="ayudas_diagnosticas">Quitar visibles</button><button type="button" class="ui-button ui-button--secondary ui-button--small" data-add-manual="ayudas_diagnosticas">Agregar ayuda</button></div>
    </div>
    <div class="pdf-list" role="table" aria-label="Ayudas diagnósticas publicables"><div class="pdf-list__head pdf-list__row--aid" role="row"><span role="columnheader">Incluir</span><span role="columnheader">Tipo</span><span role="columnheader">Nombre</span><span role="columnheader">Concepto</span><span role="columnheader">Interpretación</span><span role="columnheader">Detalle</span></div><div id="ayudas_diagnosticas_list" role="rowgroup"></div><p class="pdf-list__empty" data-empty-for="ayudas_diagnosticas" hidden>No hay ayudas que coincidan con los filtros.</p></div>
    <textarea id="ayudas_diagnosticas_extra" hidden></textarea>
  </section>

  <dialog id="pdf_detail_sheet" class="pdf-sheet" aria-labelledby="pdf-sheet-title">
    <form method="dialog" class="pdf-sheet__surface" id="pdf_sheet_form">
      <header><div><p class="pdf-workspace__eyebrow" id="pdf-sheet-kicker">Detalle publicable</p><h3 id="pdf-sheet-title">Detalle</h3></div><button class="pdf-sheet__close" value="cancel" aria-label="Cerrar detalle">×</button></header>
      <div id="pdf_sheet_body" class="pdf-sheet__body"></div>
      <footer id="pdf_sheet_actions" class="pdf-sheet__actions"></footer>
    </form>
  </dialog>

</section>
