{% extends "base.html" %}
{% block title %}Contrôles CPAM{% endblock %}

{% block sidebar %}
{% for group_name, items in groups.items() %}
  <div class="group-title">{{ group_name | format_dossier_name }}</div>
  {% for item in items %}
    {% if 'fusionne' in item.name %}
      <a href="/dossier/{{ item.path_rel }}" class="sidebar-fusionne">&#9733; Fusionné</a>
    {% else %}
      <a href="/dossier/{{ item.path_rel }}">{{ item.name | format_doc_name }}</a>
    {% endif %}
  {% endfor %}
{% endfor %}
{% endblock %}

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

<div style="display:flex;align-items:center;gap:0.75rem;margin-top:1rem;margin-bottom:1rem;">
  <h2 style="margin:0;">Contrôles CPAM</h2>
  <span class="badge" style="background:#fef3c7;color:#b45309;font-size:0.85rem;padding:4px 12px;">{{ total }}</span>
</div>

{% if not controls %}
<div class="card">
  <p>Aucun contrôle CPAM trouvé dans les dossiers.</p>
</div>
{% else %}
<div class="card" style="overflow-x:auto;">
  <table>
    <thead>
      <tr>
        <th>Dossier</th>
        <th>OGC</th>
        <th>Qualité</th>
        <th>Titre</th>
        <th>Décision</th>
        <th>Codes contestés</th>
        <th>Contre-argumentation</th>
      </tr>
    </thead>
    <tbody>
      {% for c in controls %}
      <tr>
        <td>
          <a href="/dossier/{{ c.filepath }}" style="color:#3b82f6;text-decoration:none;font-weight:600;">
            {{ c.group_name | format_dossier_name }}
          </a>
          {% if c.dp_code %}
          <div style="font-size:0.7rem;color:#64748b;margin-top:2px;">DP: {{ c.dp_code }}</div>
          {% endif %}
        </td>
        <td style="font-weight:600;">{{ c.ctrl.numero_ogc }}</td>
        <td style="text-align:center;">
          {% if c.ctrl.quality_tier == 'A' %}
            <span class="badge" style="background:#2ecc71;color:#fff;font-weight:700;font-size:0.8rem;padding:3px 10px;">A</span>
          {% elif c.ctrl.quality_tier == 'B' %}
            <span class="badge" style="background:#f39c12;color:#fff;font-weight:700;font-size:0.8rem;padding:3px 10px;">B</span>
          {% elif c.ctrl.quality_tier == 'C' %}
            <span class="badge" style="background:#e74c3c;color:#fff;font-weight:700;font-size:0.8rem;padding:3px 10px;">C</span>
          {% else %}
            <span style="color:#94a3b8;font-size:0.7rem;">—</span>
          {% endif %}
        </td>
        <td style="max-width:200px;">{{ c.ctrl.titre }}</td>
        <td>
          {% if 'retient' in c.ctrl.decision_ucr|lower %}
            <span class="badge" style="background:#d1fae5;color:#065f46;">{{ c.ctrl.decision_ucr }}</span>
          {% elif 'confirme' in c.ctrl.decision_ucr|lower %}
            <span class="badge" style="background:#fee2e2;color:#dc2626;">{{ c.ctrl.decision_ucr }}</span>
          {% else %}
            <span class="badge" style="background:#e0e7ff;color:#3730a3;">{{ c.ctrl.decision_ucr }}</span>
          {% endif %}
        </td>
        <td>
          <div style="display:flex;gap:0.3rem;flex-wrap:wrap;">
            {% if c.ctrl.dp_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;font-size:0.65rem;">DP: {{ c.ctrl.dp_ucr }}</span>{% endif %}
            {% if c.ctrl.da_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;font-size:0.65rem;">DA: {{ c.ctrl.da_ucr }}</span>{% endif %}
            {% if c.ctrl.dr_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;font-size:0.65rem;">DR: {{ c.ctrl.dr_ucr }}</span>{% endif %}
            {% if c.ctrl.actes_ucr %}<span class="badge" style="background:#fef3c7;color:#92400e;font-size:0.65rem;">Actes: {{ c.ctrl.actes_ucr }}</span>{% endif %}
          </div>
        </td>
        <td style="max-width:300px;">
          {% if c.ctrl.contre_argumentation %}
          <details>
            <summary>{{ c.ctrl.contre_argumentation[:80] }}{% if c.ctrl.contre_argumentation|length > 80 %}…{% endif %}</summary>
            <pre>{{ c.ctrl.contre_argumentation }}</pre>
          </details>
          {% else %}
            <span style="color:#94a3b8;font-size:0.8rem;">—</span>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endif %}
{% endblock %}