{#- Historique (chronologie d'une offre, de Mon CV, des Règles). À importer :
        {% from "_historique.html" import historique, ligne, bloc_compte_rendu %}

    Les lignes sont celles de `interface/historique.py` (`Ligne`). URL dérivées de
    `base_url` (fiche : `/offre/<id>/historique`, Mon CV : `/cv-base/historique`, Règles :
    `/regles/historique`) : `<base_url>/comparer?cle=…&numero=…`, `<base_url>/compte-rendu`,
    `<base_url>/restaurer`. Les erreurs ciblent `#etat-<zone>`. -#}
{% from "_composants.html" import zone_etat %}

{#- Le compte rendu d'une préparation, déplié : texte brut (déjà en libellés humains),
    échappé par le gabarit. -#}
{% macro bloc_compte_rendu(texte) -%}
<div class="compte-rendu">{{ texte }}</div>
{%- endmacro %}

{#- Une `<li>` de l'historique : la date par le filtre `date_relative`, le libellé, les
    actions (Comparer, Compte rendu, Revenir à cette version).
    `index` : rang de la ligne (0 pour la ligne de tête), qui nomme les zones dépliées
    `#comparaison-<zone>-<index>` et `#compte-rendu-<zone>-<index>`.
    `retour` : None (fiche, Mon CV) : « Revenir » poste `<base_url>/restaurer` et écrit
    une version ; fourni (Règles) : {url, cible, echange}, avec `{cle}` remplacé par la
    clé de la ligne, et la route n'écrit rien (elle charge la version dans le brouillon) ;
    le bouton porte `hx-post`, `hx-vals` (cle, numero), `hx-target` et `hx-swap`.
    Une ligne `en_cours` se sonde elle-même (`every 3s`, `?sonde=1`, `outerHTML`) : la
    route rend alors une `<li>` entière, sans sondage une fois la préparation finie. -#}
{% macro ligne(l, index, base_url, zone, retour=None) -%}
<li class="ligne-historique {{ l.sorte }}"{% if l.en_cours %} aria-busy="true" hx-get="{{ base_url }}/compte-rendu?sonde=1" hx-trigger="every 3s" hx-swap="outerHTML"{% endif %}>
  <div class="ligne-tete">
    <span class="ligne-date">{{ l.date | date_relative }}</span>
    <span class="ligne-libelle">{{ l.libelle }}{% if l.courante %} <span class="etiquette">actuelle</span>{% endif %}</span>
    <span class="ligne-actions">
      {% if l.sorte == "version" and l.cles and not l.courante %}
      <button type="button" class="bouton discret" hx-get="{{ base_url }}/comparer?cle={{ l.cles[0][0] | urlencode }}&amp;numero={{ l.cles[0][1] }}" hx-target="#comparaison-{{ zone }}-{{ index }}" hx-swap="innerHTML">Comparer</button>
      {% endif %}
      {% if l.sorte == "preparation" %}
      <button type="button" class="bouton discret" hx-get="{{ base_url }}/compte-rendu" hx-target="#compte-rendu-{{ zone }}-{{ index }}" hx-swap="innerHTML">Compte rendu</button>
      {% endif %}
      {% if l.sorte in ("version", "preparation") and l.cles and not l.courante %}
      {% if retour %}
      <button type="button" class="bouton discret" hx-post="{{ retour.url | replace('{cle}', l.cles[0][0]) }}" hx-vals='{{ {"cle": l.cles[0][0], "numero": l.cles[0][1] | string} | tojson }}' hx-target="{{ retour.cible | replace('{cle}', l.cles[0][0]) }}" hx-swap="{{ retour.echange }}">Revenir à cette version</button>
      {% else %}
      <form class="formulaire-ligne" hx-post="{{ base_url }}/restaurer" hx-target="#historique-{{ zone }}" hx-swap="outerHTML">
        {% for cle, numero in l.cles %}
        <input type="hidden" name="cle" value="{{ cle }}">
        <input type="hidden" name="numero" value="{{ numero }}">
        {% endfor %}
        <button type="submit" class="bouton discret">Revenir à cette version</button>
      </form>
      {% endif %}
      {% endif %}
    </span>
  </div>
  <div id="comparaison-{{ zone }}-{{ index }}" class="comparaison"></div>
  <div id="compte-rendu-{{ zone }}-{{ index }}" class="zone-compte-rendu">{% if l.en_cours and l.compte_rendu %}{{ bloc_compte_rendu(l.compte_rendu) }}{% endif %}</div>
</li>
{%- endmacro %}

{#- L'historique : la zone d'état des erreurs, puis la liste `<ul id="historique-<zone>">`
    (la cible du retour à une version : elle est remplacée en entier). -#}
{% macro historique(lignes, base_url, zone, retour=None, jamais=()) -%}
{{ zone_etat(zone) }}
<ul id="historique-{{ zone }}" class="historique">
  {% for l in lignes %}
  {{ ligne(l, loop.index0, base_url, zone, retour) }}
  {% endfor %}
  {% for libelle in jamais %}
  <li class="ligne-historique">
    <div class="ligne-tete"><span class="ligne-libelle">{{ libelle }} : jamais modifiées, les règles par défaut s'appliquent.</span></div>
  </li>
  {% endfor %}
</ul>
{%- endmacro %}