{% 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:#e2e8f0;border-left-color:#3b82f6;background:#1e293b;"{% 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 #}
    {% if 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 }}</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.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.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>Sévérité</th><th>Justification</th></tr></thead>
    <tbody>
    {% for das in dossier.diagnostics_associes %}
      <tr>
        <td>
          {{ das.texte }}
          {% if das.est_cma %}<span class="badge" style="background:#fee2e2;color:#dc2626;font-size:0.7rem;margin-left:0.3rem;">CMA</span>{% endif %}
        </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>{{ das.niveau_severite | severity_badge }}</td>
        <td style="font-size:0.8rem;color:#475569;">{{ das.justification or '' }}</td>
      </tr>
      {% if das.raisonnement %}
      <tr>
        <td colspan="5" 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="5" 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></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>
      </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></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>
      </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.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></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>
      </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 }}</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 }}</li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{% endblock %}

{% block scripts %}
<script>
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 %}