{% extends "base.html" %}
{% block title %}{{ dossier.source_file or filepath }}{% endblock %}

{% block sidebar %}
<div class="group-title">Navigation</div>
<a href="/">Retour à la liste</a>
{% if siblings %}
<div class="group-title" style="margin-top:1rem;">{{ current_group }}</div>
{% for sib in siblings %}
  <a href="/dossier/{{ sib.path_rel }}" {% if sib.path_rel == filepath %}style="color:#f8fafc;border-left-color:#3b82f6;background:#334155;"{% endif %}>
    {{ sib.name }}
  </a>
{% endfor %}
{% endif %}
<div class="group-title" style="margin-top:1.5rem;">Actions</div>
<button id="reprocess-btn" style="width:100%;padding:0.6rem;background:#3b82f6;color:white;border:none;border-radius:0.375rem;cursor:pointer;font-size:0.875rem;font-weight:600;margin-bottom:0.5rem;">Relancer l'étude</button>
<div id="reprocess-status" style="font-size:0.75rem;padding:0.25rem;min-height:1.5rem;"></div>
{% endblock %}

{% block content %}
<a class="back" href="/">&larr; Retour à la liste</a>

{# ---- En-tête ---- #}
<div class="card" style="margin-top:1rem;">
  <h2>{{ dossier.source_file or filepath }}</h2>
  <div class="info-grid">
    {% if dossier.document_type %}
    <div class="info-item">
      <label>Type de document</label>
      <span class="badge" style="background:#e0e7ff;color:#3730a3;">{{ dossier.document_type }}</span>
    </div>
    {% endif %}
    {% if dossier.processing_time_s is not none %}
    <div class="info-item">
      <label>Temps de traitement</label>
      <span>{{ dossier.processing_time_s|format_duration }}</span>
    </div>
    {% endif %}
  </div>
  {% if dossier.source_files %}
  <div class="source-files" style="margin-top:0.75rem;">
    <label style="font-size:0.7rem;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;">Documents sources</label>
    <div style="margin-top:0.25rem;">
      {% for sf in dossier.source_files %}
        <code>{{ sf }}</code>{% if not loop.last %}, {% endif %}
      {% endfor %}
    </div>
  </div>
  {% endif %}
</div>

{# ---- Séjour ---- #}
{% set s = dossier.sejour %}
{% if s.sexe or s.age or s.date_entree or s.date_sortie or s.duree_sejour is not none or s.imc or s.poids or s.taille %}
<div class="card section">
  <h3>Séjour</h3>
  <div class="info-grid">
    {% if s.sexe %}<div class="info-item"><label>Sexe</label><span>{{ s.sexe }}</span></div>{% endif %}
    {% if s.age is not none %}<div class="info-item"><label>Âge</label><span>{{ s.age }} ans</span></div>{% endif %}
    {% if s.date_entree %}<div class="info-item"><label>Entrée</label><span>{{ s.date_entree }}</span></div>{% endif %}
    {% if s.date_sortie %}<div class="info-item"><label>Sortie</label><span>{{ s.date_sortie }}</span></div>{% endif %}
    {% if s.duree_sejour is not none %}<div class="info-item"><label>Durée</label><span>{{ s.duree_sejour }} jour(s)</span></div>{% endif %}
    {% if s.mode_entree %}<div class="info-item"><label>Mode entrée</label><span>{{ s.mode_entree }}</span></div>{% endif %}
    {% if s.mode_sortie %}<div class="info-item"><label>Mode sortie</label><span>{{ s.mode_sortie }}</span></div>{% endif %}
    {% if s.poids %}<div class="info-item"><label>Poids</label><span>{{ s.poids }} kg</span></div>{% endif %}
    {% if s.taille %}<div class="info-item"><label>Taille</label><span>{{ s.taille }} cm</span></div>{% endif %}
    {% if s.imc %}<div class="info-item"><label>IMC</label><span>{{ s.imc }}</span></div>{% endif %}
  </div>
</div>
{% endif %}

{# ---- Estimation GHM ---- #}
{% if dossier.ghm_estimation %}
{% set ghm = dossier.ghm_estimation %}
<div class="card section" style="border-left:4px solid #8b5cf6;">
  <h3 style="color:#6d28d9;">Estimation GHM</h3>
  <div class="info-grid">
    {% if ghm.cmd %}
    <div class="info-item">
      <label>CMD</label>
      <span><strong>{{ ghm.cmd }}</strong>{% if ghm.cmd_libelle %} — {{ ghm.cmd_libelle }}{% endif %}</span>
    </div>
    {% endif %}
    <div class="info-item">
      <label>Type</label>
      {% if ghm.type_ghm == 'C' %}
        <span class="badge" style="background:#fee2e2;color:#dc2626;">C — Chirurgical</span>
      {% elif ghm.type_ghm == 'K' %}
        <span class="badge" style="background:#fef3c7;color:#92400e;">K — Interventionnel</span>
      {% elif ghm.type_ghm == 'M' %}
        <span class="badge" style="background:#dbeafe;color:#1d4ed8;">M — Médical</span>
      {% endif %}
    </div>
    <div class="info-item">
      <label>Sévérité</label>
      {% if ghm.severite <= 1 %}
        <span class="badge" style="background:#d1fae5;color:#065f46;">Niveau {{ ghm.severite }}</span>
      {% elif ghm.severite == 2 %}
        <span class="badge" style="background:#fef3c7;color:#92400e;">Niveau {{ ghm.severite }}</span>
      {% elif ghm.severite == 3 %}
        <span class="badge" style="background:#fed7aa;color:#9a3412;">Niveau {{ ghm.severite }}</span>
      {% else %}
        <span class="badge" style="background:#fee2e2;color:#dc2626;">Niveau {{ ghm.severite }}</span>
      {% endif %}
    </div>
    {% if ghm.ghm_approx %}
    <div class="info-item">
      <label>Code GHM approx.</label>
      <code style="font-size:1.1rem;font-weight:700;letter-spacing:0.05em;">{{ ghm.ghm_approx }}</code>
    </div>
    {% endif %}
    <div class="info-item">
      <label>CMA / CMS</label>
      <span>{{ ghm.cma_count }} CMA, {{ ghm.cms_count }} CMS</span>
    </div>
  </div>
  {% if ghm.alertes %}
  <div style="margin-top:0.75rem;">
    {% for alerte in ghm.alertes %}
      <div style="font-size:0.8rem;color:#c2410c;margin-bottom:0.2rem;">{{ alerte }}</div>
    {% endfor %}
  </div>
  {% endif %}
  <div style="margin-top:0.75rem;font-size:0.7rem;color:#94a3b8;font-style:italic;">
    Estimation heuristique — le GHM définitif nécessite le groupeur officiel ATIH
  </div>
</div>
{% endif %}

{# ---- Contrôle CPAM ---- #}
{% if dossier.controles_cpam %}
<div class="card section" style="border-left:4px solid #f59e0b;">
  <h3 style="color:#b45309;">Contrôle CPAM ({{ dossier.controles_cpam|length }})</h3>
  {% for ctrl in dossier.controles_cpam %}
  <div style="margin-bottom:1.5rem;{% if not loop.last %}border-bottom:1px solid #e2e8f0;padding-bottom:1rem;{% endif %}">
    <div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;">
      <strong>OGC {{ ctrl.numero_ogc }} — {{ ctrl.titre }}</strong>
      {% if 'retient' in ctrl.decision_ucr|lower %}
        <span class="badge" style="background:#d1fae5;color:#065f46;">{{ ctrl.decision_ucr }}</span>
      {% elif 'confirme' in ctrl.decision_ucr|lower %}
        <span class="badge" style="background:#fee2e2;color:#dc2626;">{{ ctrl.decision_ucr }}</span>
      {% else %}
        <span class="badge" style="background:#e0e7ff;color:#3730a3;">{{ ctrl.decision_ucr }}</span>
      {% endif %}
    </div>

    {# Argument CPAM #}
    {% if ctrl.arg_ucr %}
    <div style="border-left:3px solid #f59e0b;padding:0.5rem 0.75rem;background:#fffbeb;margin-bottom:0.75rem;font-size:0.85rem;color:#78350f;">
      <div style="font-size:0.7rem;color:#92400e;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Argument CPAM</div>
      {{ ctrl.arg_ucr }}
    </div>
    {% endif %}

    {# Codes contestés #}
    {% if ctrl.dp_ucr or ctrl.da_ucr or ctrl.dr_ucr or ctrl.actes_ucr %}
    <div style="margin-bottom:0.75rem;">
      <div style="font-size:0.7rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Codes contestés</div>
      <div style="display:flex;gap:0.5rem;flex-wrap:wrap;">
        {% if ctrl.dp_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;">DP: {{ ctrl.dp_ucr }}</span>{% endif %}
        {% if ctrl.da_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;">DA: {{ ctrl.da_ucr }}</span>{% endif %}
        {% if ctrl.dr_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;">DR: {{ ctrl.dr_ucr }}</span>{% endif %}
        {% if ctrl.actes_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;">Actes: {{ ctrl.actes_ucr }}</span>{% endif %}
      </div>
    </div>
    {% endif %}

    {# Contre-argumentation structurée ou fallback texte brut #}
    {% if ctrl.response_data %}
    <div style="margin-bottom:0.75rem;">
      <div style="font-size:0.7rem;color:#1d4ed8;text-transform:uppercase;font-weight:600;margin-bottom:0.5rem;">Contre-argumentation</div>

      {% if ctrl.response_data.analyse_contestation %}
      <div style="border-left:3px solid #94a3b8;padding:0.5rem 0.75rem;background:#f8fafc;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Analyse de la contestation</div>
        {{ ctrl.response_data.analyse_contestation | format_cpam_text }}
      </div>
      {% endif %}

      {% if ctrl.response_data.points_accord and ctrl.response_data.points_accord|lower not in ['aucun', 'non applicable', 'n/a', ''] %}
      <div style="border-left:3px solid #22c55e;padding:0.5rem 0.75rem;background:#f0fdf4;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#16a34a;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Points d'accord</div>
        {{ ctrl.response_data.points_accord | format_cpam_text }}
      </div>
      {% endif %}

      {% if ctrl.response_data.contre_arguments_medicaux %}
      <div style="border-left:3px solid #3b82f6;padding:0.5rem 0.75rem;background:#eff6ff;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#1d4ed8;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Contre-arguments médicaux</div>
        {{ ctrl.response_data.contre_arguments_medicaux | format_cpam_text }}
      </div>
      {% endif %}

      {% if ctrl.response_data.preuves_dossier %}
      <div style="border-left:3px solid #0ea5e9;padding:0.5rem 0.75rem;background:#f0f9ff;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#0369a1;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Preuves du dossier</div>
        <ul style="margin:0.3rem 0;padding-left:1.2rem;">
        {% for p in ctrl.response_data.preuves_dossier %}
          {% if p is mapping %}
          <li style="margin-bottom:0.3rem;">
            <span style="display:inline-block;padding:1px 6px;border-radius:9999px;font-size:0.7rem;font-weight:600;background:#e0f2fe;color:#0369a1;">{{ p.element or p.get('type', '') }}</span>
            {{ p.valeur or '' }} <span style="color:#64748b;">&rarr; {{ p.signification or '' }}</span>
          </li>
          {% endif %}
        {% endfor %}
        </ul>
      </div>
      {% endif %}

      {% if ctrl.response_data.contre_arguments_asymetrie %}
      <div style="border-left:3px solid #8b5cf6;padding:0.5rem 0.75rem;background:#f5f3ff;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#7c3aed;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Asymétrie d'information</div>
        {{ ctrl.response_data.contre_arguments_asymetrie | format_cpam_text }}
      </div>
      {% endif %}

      {% if ctrl.response_data.contre_arguments_reglementaires %}
      <div style="border-left:3px solid #6366f1;padding:0.5rem 0.75rem;background:#eef2ff;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#4f46e5;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Contre-arguments réglementaires</div>
        {{ ctrl.response_data.contre_arguments_reglementaires | format_cpam_text }}
      </div>
      {% endif %}

      {% if ctrl.response_data.references %}
      <div style="border-left:3px solid #64748b;padding:0.5rem 0.75rem;background:#f8fafc;margin-bottom:0.5rem;font-size:0.85rem;">
        <div style="font-size:0.7rem;color:#475569;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Références</div>
        {% for ref in ctrl.response_data.references %}
          {% if ref is mapping %}
          <blockquote style="margin:0.3rem 0;padding:0.3rem 0.5rem;border-left:2px solid #cbd5e1;background:#f1f5f9;font-size:0.8rem;color:#334155;">
            <strong>[{{ ref.document or '' }}{% if ref.page %}, p.{{ ref.page }}{% endif %}]</strong>
            {{ ref.citation or '' }}
          </blockquote>
          {% elif ref is string %}
          <p style="margin:0.2rem 0;font-size:0.8rem;color:#334155;">{{ ref }}</p>
          {% endif %}
        {% endfor %}
      </div>
      {% endif %}

      {% if ctrl.response_data.conclusion %}
      <div style="border-left:3px solid #f59e0b;padding:0.5rem 0.75rem;background:#fffbeb;margin-bottom:0.5rem;font-size:0.85rem;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:0.25rem;">
        <div style="font-size:0.7rem;color:#b45309;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Conclusion</div>
        {{ ctrl.response_data.conclusion | format_cpam_text }}
      </div>
      {% endif %}
    </div>
    {% elif ctrl.contre_argumentation %}
    <div style="border-left:3px solid #3b82f6;padding:0.5rem 0.75rem;background:#eff6ff;margin-bottom:0.75rem;font-size:0.85rem;color:#1e3a5f;">
      <div style="font-size:0.7rem;color:#1d4ed8;text-transform:uppercase;font-weight:600;margin-bottom:0.25rem;">Contre-argumentation</div>
      <pre style="white-space:pre-wrap;font-family:inherit;margin:0;">{{ ctrl.contre_argumentation }}</pre>
    </div>
    {% endif %}

    {# Sources RAG #}
    {% if ctrl.sources_reponse %}
    <details>
      <summary style="font-size:0.8rem;color:#64748b;">Sources RAG ({{ ctrl.sources_reponse|length }})</summary>
      {% for src in ctrl.sources_reponse %}
      <pre style="font-size:0.75rem;">{{ src.document }}{% if src.code %} — {{ src.code }}{% endif %}{% if src.page %} [p.{{ src.page }}]{% endif %}
{{ src.extrait or '' }}</pre>
      {% endfor %}
    </details>
    {% endif %}
  </div>
  {% endfor %}
</div>
{% endif %}

{# ---- Alertes de codage ---- #}
{% if dossier.alertes_codage %}
<div class="card section" style="border-left:4px solid #f97316;background:#fff7ed;">
  <h3 style="color:#c2410c;">Alertes de codage ({{ dossier.alertes_codage|length }})</h3>
  <ul style="margin:0;padding-left:1.2rem;">
    {% for alerte in dossier.alertes_codage %}
      {% if alerte.startswith('NON-CUMUL') %}
        <li class="alerte-noncumul" style="font-size:0.85rem;margin-bottom:0.25rem;">{{ alerte }}</li>
      {% else %}
        <li class="alerte-standard" style="font-size:0.85rem;margin-bottom:0.25rem;">{{ alerte }}</li>
      {% endif %}
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ---- Diagnostic principal ---- #}
{% if dossier.diagnostic_principal %}
{% set dp = dossier.diagnostic_principal %}
<div class="card section">
  <h3>Diagnostic principal</h3>
  <div style="font-size:0.95rem;margin-bottom:0.5rem;">
    {{ dp.texte }}
    {% if dp.source_page %}<button class="src-btn" data-texte="{{ dp.texte|e }}" data-excerpt="{{ dp.source_excerpt|default('',true)|e }}" data-page="{{ dp.source_page }}">p.{{ dp.source_page }}</button>{% endif %}
  </div>
  {% if dp.cim10_suggestion %}
    <span class="badge" style="background:#dbeafe;color:#1d4ed8;font-size:0.85rem;">{{ dp.cim10_suggestion }}</span>
    {{ dp.cim10_confidence | confidence_badge }}
    {% if dp.niveau_cma and dp.niveau_cma > 1 %}
      {{ dp.niveau_cma | cma_level_badge }}
    {% elif dp.est_cma %}
      <span class="badge" style="background:#fee2e2;color:#dc2626;font-size:0.75rem;">CMA</span>
    {% endif %}
    {{ dp.niveau_severite | severity_badge }}
  {% endif %}
  {% if dp.justification %}
    <div style="margin-top:0.5rem;font-size:0.8rem;color:#475569;">{{ dp.justification }}</div>
  {% endif %}
  {% if dp.preuves_cliniques %}
  <details style="margin-top:0.5rem;">
    <summary style="font-size:0.8rem;color:#0369a1;cursor:pointer;font-weight:600;">Preuves cliniques ({{ dp.preuves_cliniques|length }})</summary>
    <ul style="margin:0.25rem 0 0 0;padding-left:1.2rem;font-size:0.8rem;">
    {% for p in dp.preuves_cliniques %}
      <li style="margin-bottom:0.15rem;"><span class="badge" style="background:#e0f2fe;color:#0369a1;font-size:0.7rem;">{{ p.type }}</span> {{ p.element }} <span style="color:#64748b;">&rarr; {{ p.interpretation }}</span></li>
    {% endfor %}
    </ul>
  </details>
  {% endif %}
  {% if dp.raisonnement %}
  <details style="margin-top:0.5rem;">
    <summary>Raisonnement LLM</summary>
    <pre>{{ dp.raisonnement }}</pre>
  </details>
  {% endif %}
  {% if dp.sources_rag %}
  <details>
    <summary>Sources RAG ({{ dp.sources_rag|length }})</summary>
    {% for src in dp.sources_rag %}
    <pre>{{ src.document }}{% if src.code %} — {{ src.code }}{% endif %}{% if src.page %} [p.{{ src.page }}]{% endif %}
{{ src.extrait or '' }}</pre>
    {% endfor %}
  </details>
  {% endif %}
</div>
{% endif %}

{# ---- Diagnostics associés ---- #}
{% if dossier.diagnostics_associes %}
<div class="card section">
  <h3>Diagnostics associés ({{ dossier.diagnostics_associes|length }})</h3>
  <table>
    <thead><tr><th>Texte</th><th>CIM-10</th><th>Confiance</th><th>CMA</th><th>Source</th><th>Justification</th></tr></thead>
    <tbody>
    {% for das in dossier.diagnostics_associes %}
      <tr>
        <td>{{ das.texte }}</td>
        <td>{% if das.cim10_suggestion %}<span class="badge" style="background:#dbeafe;color:#1d4ed8;">{{ das.cim10_suggestion }}</span>{% endif %}</td>
        <td>{{ das.cim10_confidence | confidence_badge }}</td>
        <td>
          {% if das.niveau_cma and das.niveau_cma > 1 %}
            {{ das.niveau_cma | cma_level_badge }}
          {% elif das.est_cma %}
            <span class="badge" style="background:#fee2e2;color:#dc2626;font-size:0.7rem;">CMA</span>
          {% else %}
            —
          {% endif %}
        </td>
        <td>
          {% if das.source %}
            <span class="badge" style="background:#e0e7ff;color:#3730a3;font-size:0.7rem;">{{ das.source }}</span>
          {% endif %}
          {% if das.source_page %}
            <button class="src-btn" data-texte="{{ das.texte|e }}" data-excerpt="{{ das.source_excerpt|default('',true)|e }}" data-page="{{ das.source_page }}">p.{{ das.source_page }}</button>
          {% endif %}
        </td>
        <td style="font-size:0.8rem;color:#475569;">
          {{ das.justification or '' }}
          {% if das.preuves_cliniques %}
          <details style="margin-top:0.3rem;"><summary style="font-size:0.7rem;color:#0369a1;cursor:pointer;">preuves ({{ das.preuves_cliniques|length }})</summary>
            <ul style="margin:0.15rem 0 0 0;padding-left:1rem;font-size:0.75rem;">
            {% for p in das.preuves_cliniques %}
              <li><span style="font-weight:600;color:#0369a1;">[{{ p.type }}]</span> {{ p.element }} <span style="color:#64748b;">&rarr; {{ p.interpretation }}</span></li>
            {% endfor %}
            </ul>
          </details>
          {% endif %}
        </td>
      </tr>
      {% if das.raisonnement %}
      <tr>
        <td colspan="6" style="padding:0 0.75rem 0.5rem;">
          <details>
            <summary>Raisonnement LLM</summary>
            <pre>{{ das.raisonnement }}</pre>
          </details>
        </td>
      </tr>
      {% endif %}
      {% if das.sources_rag %}
      <tr>
        <td colspan="6" style="padding:0 0.75rem 0.5rem;">
          <details>
            <summary>Sources RAG ({{ das.sources_rag|length }})</summary>
            {% for src in das.sources_rag %}
            <pre>{{ src.document }}{% if src.code %} — {{ src.code }}{% endif %}{% if src.page %} [p.{{ src.page }}]{% endif %}
{{ src.extrait or '' }}</pre>
            {% endfor %}
          </details>
        </td>
      </tr>
      {% endif %}
    {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ---- Actes CCAM ---- #}
{% if dossier.actes_ccam %}
<div class="card section">
  <h3>Actes CCAM ({{ dossier.actes_ccam|length }})</h3>
  <table>
    <thead><tr><th>Texte</th><th>Code CCAM</th><th>Regroupement</th><th>Date</th><th>Validité</th><th>Source</th></tr></thead>
    <tbody>
    {% for a in dossier.actes_ccam %}
      <tr>
        <td>{{ a.texte }}</td>
        <td>{% if a.code_ccam_suggestion %}<span class="badge" style="background:#e0e7ff;color:#3730a3;">{{ a.code_ccam_suggestion }}</span>{% endif %}</td>
        <td>
          {% if a.code_ccam_suggestion and ccam_dict.get(a.code_ccam_suggestion, {}).get('regroupement') %}
            <span class="badge badge-regroup">{{ ccam_dict[a.code_ccam_suggestion]['regroupement'] }}</span>
          {% else %}
            —
          {% endif %}
        </td>
        <td>{{ a.date or '' }}</td>
        <td>
          {% if a.validite == 'valide' %}<span class="badge" style="background:#d1fae5;color:#065f46;">Valide</span>
          {% elif a.validite == 'obsolete' %}<span class="badge" style="background:#fee2e2;color:#dc2626;">Obsolète</span>
          {% else %}—{% endif %}
          {% for alerte in a.alertes %}
            <div style="font-size:0.7rem;color:#dc2626;">{{ alerte }}</div>
          {% endfor %}
        </td>
        <td>{% if a.source_page %}<button class="src-btn" data-texte="{{ a.texte|e }}" data-excerpt="{{ a.source_excerpt|default('',true)|e }}" data-page="{{ a.source_page }}">p.{{ a.source_page }}</button>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ---- Biologie clé ---- #}
{% if dossier.biologie_cle %}
<div class="card section">
  <h3>Biologie clé ({{ dossier.biologie_cle|length }})</h3>
  <table>
    <thead><tr><th>Test</th><th>Valeur</th><th>Anomalie</th><th>Source</th></tr></thead>
    <tbody>
    {% for b in dossier.biologie_cle %}
      <tr{% if b.anomalie %} class="anomalie"{% endif %}>
        <td>{{ b.test }}</td>
        <td>{{ b.valeur or '' }}</td>
        <td>{% if b.anomalie %}<span class="badge" style="background:#fee2e2;color:#dc2626;">Oui</span>{% else %}—{% endif %}</td>
        <td>{% if b.source_page %}<button class="src-btn" data-texte="{{ b.test|e }}" data-excerpt="{{ b.source_excerpt|default('',true)|e }}" data-page="{{ b.source_page }}">p.{{ b.source_page }}</button>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ---- Imagerie ---- #}
{% if dossier.imagerie %}
<div class="card section">
  <h3>Imagerie ({{ dossier.imagerie|length }})</h3>
  {% for img in dossier.imagerie %}
  <div style="margin-bottom:0.5rem;">
    <strong>{{ img.type }}</strong>
    {% if img.score %} — Score : {{ img.score }}{% endif %}
    {% if img.source_page %}<button class="src-btn" data-texte="{{ img.type|e }}" data-excerpt="{{ img.source_excerpt|default('',true)|e }}" data-page="{{ img.source_page }}">p.{{ img.source_page }}</button>{% endif %}
    {% if img.conclusion %}
      <div style="font-size:0.85rem;color:#475569;">{{ img.conclusion }}</div>
    {% endif %}
  </div>
  {% endfor %}
</div>
{% endif %}

{# ---- Traitements de sortie ---- #}
{% if dossier.traitements_sortie %}
<div class="card section">
  <h3>Traitements de sortie ({{ dossier.traitements_sortie|length }})</h3>
  <table>
    <thead><tr><th>Médicament</th><th>Posologie</th><th>Code ATC</th><th>Source</th></tr></thead>
    <tbody>
    {% for t in dossier.traitements_sortie %}
      <tr>
        <td>{{ t.medicament }}</td>
        <td>{{ t.posologie or '' }}</td>
        <td>{% if t.code_atc %}<span class="badge" style="background:#e0e7ff;color:#3730a3;">{{ t.code_atc }}</span>{% endif %}</td>
        <td>{% if t.source_page %}<button class="src-btn" data-texte="{{ t.medicament|e }}" data-excerpt="{{ t.source_excerpt|default('',true)|e }}" data-page="{{ t.source_page }}">p.{{ t.source_page }}</button>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}

{# ---- Antécédents ---- #}
{% if dossier.antecedents %}
<div class="card section">
  <h3>Antécédents ({{ dossier.antecedents|length }})</h3>
  <ul class="bullet">
    {% for a in dossier.antecedents %}
      <li>{{ a.texte }}{% if a.source_page %} <button class="src-btn" data-texte="{{ a.texte|e }}" data-excerpt="{{ a.source_excerpt|default('',true)|e }}" data-page="{{ a.source_page }}">p.{{ a.source_page }}</button>{% endif %}</li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ---- Complications ---- #}
{% if dossier.complications %}
<div class="card section">
  <h3>Complications ({{ dossier.complications|length }})</h3>
  <ul class="bullet">
    {% for c in dossier.complications %}
      <li>{{ c.texte }}{% if c.source_page %} <button class="src-btn" data-texte="{{ c.texte|e }}" data-excerpt="{{ c.source_excerpt|default('',true)|e }}" data-page="{{ c.source_page }}">p.{{ c.source_page }}</button>{% endif %}</li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{# ---- Modal source ---- #}
<div id="source-modal">
  <div id="source-modal-inner">
    <div id="source-header">
      <span id="source-title">Document source</span>
      <button id="source-close-btn" onclick="closeSource()">Fermer</button>
    </div>
    <div id="source-content"></div>
  </div>
</div>

{% endblock %}

{% block scripts %}
<script>
/* --- Source modal --- */
let _sourceCache = null;
const _dossierId = (function() {
  const fp = {{ filepath|tojson }};
  const parts = fp.split('/');
  return parts.length > 1 ? parts.slice(0, -1).join('/') : '';
})();
const _sourceFiles = {{ dossier.source_files|tojson }};

function getDossierId() { return _dossierId; }

async function loadSourceTexts() {
  if (_sourceCache !== null) return _sourceCache;
  if (!_dossierId) { _sourceCache = {}; return _sourceCache; }
  try {
    const resp = await fetch('/api/source-text/' + _dossierId);
    if (resp.ok) { _sourceCache = await resp.json(); }
    else { _sourceCache = {}; }
  } catch (e) { _sourceCache = {}; }
  return _sourceCache;
}

/* Teste si le PDF caviardé est disponible (HEAD request) */
async function pdfAvailable(dossierId, filename) {
  try {
    const resp = await fetch('/api/pdf/' + dossierId + '/' + encodeURIComponent(filename), {method: 'HEAD'});
    return resp.ok;
  } catch (e) { return false; }
}

/* Construit l'URL du PDF avec highlight + page */
function buildPdfUrl(dossierId, filename, page, excerpt) {
  let url = '/api/pdf/' + dossierId + '/' + encodeURIComponent(filename);
  const params = [];
  if (excerpt) params.push('highlight=' + encodeURIComponent(excerpt));
  if (page) params.push('page=' + page);
  if (params.length) url += '?' + params.join('&');
  url += '#page=' + (page || 1);
  return url;
}

/* Affiche un PDF dans l'iframe */
function loadPdf(dossierId, filename, page, excerpt) {
  const content = document.getElementById('source-content');
  const url = buildPdfUrl(dossierId, filename, page, excerpt);
  content.className = 'source-content-pdf';
  content.innerHTML = '<iframe src="' + url + '" style="width:100%;height:100%;border:none;"></iframe>';
  // Marquer le bouton actif
  document.querySelectorAll('.src-file-btn').forEach(b => b.classList.remove('active'));
  document.querySelectorAll('.src-file-btn').forEach(b => {
    if (b.textContent === filename) b.classList.add('active');
  });
}

/* Affiche le modal source — PDF caviardé si disponible, sinon fallback texte */
async function showSource(excerpt, page, texte) {
  // Pour le surlignage PDF, on utilise le texte du diagnostic (pas l'excerpt brut)
  const highlightText = texte || excerpt;
  const modal = document.getElementById('source-modal');
  const modalInner = document.getElementById('source-modal-inner');
  const content = document.getElementById('source-content');
  const title = document.getElementById('source-title');

  title.textContent = 'Document source — Page ' + page;
  content.innerHTML = '<em style="color:#94a3b8;">Chargement...</em>';
  content.className = '';
  modalInner.className = '';
  modal.style.display = 'block';

  // Essayer le mode PDF
  if (_sourceFiles && _sourceFiles.length > 0 && _dossierId) {
    const firstFile = _sourceFiles[0];
    const available = await pdfAvailable(_dossierId, firstFile);
    if (available) {
      modalInner.className = '';
      if (_sourceFiles.length === 1) {
        loadPdf(_dossierId, firstFile, page, highlightText);
      } else {
        // Multi-PDF : boutons de sélection + iframe
        const safeHighlight = (highlightText || '').replace(/\\/g, '\\\\').replace(/'/g, "\\'");
        let html = '<div style="padding:0.5rem 0.75rem;border-bottom:1px solid #e2e8f0;display:flex;gap:0.5rem;flex-wrap:wrap;">';
        _sourceFiles.forEach(function(f) {
          const safeF = f.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
          html += '<button class="src-file-btn" onclick="loadPdf(\'' + _dossierId + '\', \'' + safeF + '\', ' + page + ', \'' + safeHighlight + '\')">' + f + '</button>';
        });
        html += '</div>';
        html += '<iframe id="pdf-frame" style="width:100%;flex:1;border:none;"></iframe>';
        content.className = 'source-content-pdf';
        content.style.display = 'flex';
        content.style.flexDirection = 'column';
        content.innerHTML = html;
        // Charger le premier PDF
        const iframe = content.querySelector('iframe');
        iframe.src = buildPdfUrl(_dossierId, firstFile, page, highlightText);
        content.querySelector('.src-file-btn').classList.add('active');
      }
      return;
    }
  }

  // Fallback : mode texte (ancien comportement)
  modalInner.className = 'source-modal-text';
  content.className = '';
  content.style.display = '';

  const texts = await loadSourceTexts();
  const allText = Object.values(texts).join('\n\n--- ---\n\n');

  if (!allText) {
    content.innerHTML = '<em style="color:#94a3b8;">Texte source non disponible</em>';
    return;
  }

  // Nettoyer l'extrait : retirer les "..." ajoutés par extract_excerpt()
  let searchText = (excerpt || '').trim();
  if (searchText.startsWith('...')) searchText = searchText.substring(3);
  if (searchText.endsWith('...')) searchText = searchText.slice(0, -3);
  searchText = searchText.trim();

  // Chercher l'extrait dans le texte et le surligner
  if (searchText.length > 10) {
    let idx = allText.indexOf(searchText);
    if (idx < 0 && searchText.length > 60) {
      const mid = Math.floor(searchText.length / 2);
      searchText = searchText.substring(mid - 30, mid + 30);
      idx = allText.indexOf(searchText);
    }
    if (idx >= 0) {
      const before = allText.substring(0, idx);
      const match = allText.substring(idx, idx + searchText.length);
      const after = allText.substring(idx + searchText.length);
      content.innerHTML = '';
      content.appendChild(document.createTextNode(before));
      const mark = document.createElement('mark');
      mark.textContent = match;
      mark.id = 'source-highlight';
      content.appendChild(mark);
      content.appendChild(document.createTextNode(after));
      setTimeout(() => {
        const el = document.getElementById('source-highlight');
        if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' });
      }, 100);
      return;
    }
  }

  content.textContent = allText;
}

function closeSource() {
  const content = document.getElementById('source-content');
  // Détruire l'iframe pour stopper le chargement PDF
  content.innerHTML = '';
  content.style.display = '';
  content.className = '';
  document.getElementById('source-modal').style.display = 'none';
}

// Fermer le modal en cliquant sur le fond
document.getElementById('source-modal').addEventListener('click', function(e) {
  if (e.target === this) closeSource();
});

// Fermer avec Escape
document.addEventListener('keydown', function(e) {
  if (e.key === 'Escape') closeSource();
});

// Délégation événements pour tous les boutons .src-btn
document.addEventListener('click', function(e) {
  const btn = e.target.closest('.src-btn');
  if (btn && btn.dataset.page) {
    showSource(btn.dataset.excerpt || '', parseInt(btn.dataset.page), btn.dataset.texte || '');
  }
});

/* --- Reprocess --- */
document.getElementById('reprocess-btn').addEventListener('click', async () => {
  const btn = document.getElementById('reprocess-btn');
  const status = document.getElementById('reprocess-status');

  btn.disabled = true;
  btn.style.background = '#64748b';
  btn.innerHTML = '<span style="display:inline-flex;align-items:center;gap:0.4rem;"><span class="spinner"></span> Traitement en cours...</span>';
  status.innerHTML = '<span style="color:#3b82f6;">Demande envoyée, traitement lancé. Veuillez patienter...</span>';

  const startTime = Date.now();
  const timer = setInterval(() => {
    const elapsed = Math.floor((Date.now() - startTime) / 1000);
    const min = Math.floor(elapsed / 60);
    const sec = elapsed % 60;
    const timeStr = min > 0 ? min + 'min ' + String(sec).padStart(2, '0') + 's' : sec + 's';
    status.innerHTML = '<span style="color:#3b82f6;">Traitement en cours... ' + timeStr + '</span>';
  }, 1000);

  try {
    const response = await fetch('/reprocess/{{ filepath }}', { method: 'POST' });
    clearInterval(timer);
    const data = await response.json();

    if (data.ok) {
      status.innerHTML = '<span style="color:#16a34a;font-weight:600;">Traitement terminé. Rechargement...</span>';
      btn.style.background = '#16a34a';
      btn.innerHTML = 'Terminé';
      setTimeout(() => location.reload(), 1000);
    } else {
      status.innerHTML = '<span style="color:#dc2626;">' + (data.error || 'Erreur') + '</span>';
      btn.disabled = false;
      btn.style.background = '#3b82f6';
      btn.innerHTML = 'Relancer l\'étude';
    }
  } catch (err) {
    clearInterval(timer);
    status.innerHTML = '<span style="color:#dc2626;">Erreur réseau</span>';
    btn.disabled = false;
    btn.style.background = '#3b82f6';
    btn.innerHTML = 'Relancer l\'étude';
  }
});
</script>
{% endblock %}