{#- Éditeur de texte partagé (Lettre, Règles, CV libre, CV de base). À importer :
        {% from "_editeur.html" import editeur, champ_valeur, conflit %}

    Noms de champs (plan §2.10) : `valeur` (le texte édité), `empreinte` (celle du texte lu),
    et, pour les réécritures, `portee`, `debut`, `fin`, `texte`, `consigne`.
    Ids : `#formulaire-<zone>` (le formulaire, cible de l'enregistrement), `#editeur-<zone>`
    (la zone du bandeau IA et du champ, cible des propositions : bandeau, barre de décision
    et champ y sont échangés ensemble), `#valeur-<zone>` (le champ), `#etat-<zone>` (zone
    d'état : cible de toutes les erreurs, jamais le champ).
    Aucune de ces macros ne lit le contexte de la page : tout passe par les arguments. -#}
{% from "_composants.html" import zone_etat, vie_privee, attributs_brouillon, barre_enregistrement %}

{#- Le champ seul. `oob` : réponse qui remplace le champ du brouillon à la place
    (`hx-swap-oob`) ; il faut alors redonner les mêmes `selection`, `mono`, `auto` et
    `attributs` que l'éditeur, sinon ils sont perdus par le remplacement.
    `attributs` : dict d'attributs en plus. `auto` : hauteur ajustée au contenu par
    l'îlot. `cache` : champ masqué (`hidden`), qui garde le brouillon pendant qu'une
    proposition s'affiche à sa place.
    Le retour à la ligne qui suit `<textarea>` est avalé par les navigateurs : il est
    toujours émis, pour qu'une valeur qui commence par un retour à la ligne survive. -#}
{% macro champ_valeur(zone, valeur, oob=False, selection=False, mono=False, lignes=18, attributs=None, auto=False, cache=False) -%}
<textarea id="valeur-{{ zone }}" name="valeur" class="champ-texte{% if mono %} mono{% endif %}{% if auto %} champ-page{% endif %}" rows="{{ lignes }}" spellcheck="{{ 'false' if mono else 'true' }}"{% if selection %} data-selection{% endif %}{% if auto %} data-auto{% endif %}{% if cache %} hidden{% endif %}{% if oob %} hx-swap-oob="true"{% endif %}{% for nom, contenu in (attributs or {}).items() %} {{ nom }}="{{ contenu }}"{% endfor %}>
{{ valeur }}</textarea>
{%- endmacro %}

{#- Éditeur complet d'un fichier texte : zone du bandeau IA et du champ, empreinte
    cachée, barre d'enregistrement. `enregistrer` : URL du POST ; `message` : texte de la
    zone d'état (« ✓ Version 2, enregistrée à l'instant ») ; `controles` : HTML en plus, posé dans le formulaire sous le
    champ ; `brouillon` : formulaire suivi par l'îlot (`form[data-brouillon]`, garde de
    sortie) ; `modifie` : le brouillon diffère du fichier (`data-modifie="1"`) ; `auto` :
    champ à hauteur automatique, présenté comme une page ; `barre` : boutons de
    `barre_enregistrement` (`enregistrer`, `annuler`, `telecharger`,
    `proposition_en_attente`...), la barre remplace alors le pied simple (Enregistrer +
    zone d'état) ; `objet` : de quoi parle la garde de sortie (« La lettre ») ; `bandeau` : bandeau
    IA posé au-dessus du champ (`_bandeau_ia.html`). -#}
{% macro editeur(zone, valeur, empreinte, enregistrer, libelle="Texte", message="", selection=False, mono=False, lignes=18, attributs_champ=None, controles="", bouton="Enregistrer", brouillon=False, modifie=False, auto=False, barre=None, bandeau="", objet="Le texte") -%}
<form id="formulaire-{{ zone }}" class="editeur" {% if brouillon %}{{ attributs_brouillon(modifie, objet) }} {% endif %}hx-post="{{ enregistrer }}" hx-target="#formulaire-{{ zone }}" hx-swap="outerHTML">
  <label class="cache-visuel" for="valeur-{{ zone }}">{{ libelle }}</label>
  <div id="editeur-{{ zone }}" class="zone-edition">
    {{ bandeau }}
    <div class="{{ 'page-papier' if auto else 'page-texte' }}">
      {{ champ_valeur(zone, valeur, selection=selection, mono=mono, lignes=lignes, attributs=attributs_champ, auto=auto) }}
    </div>
  </div>
  <input type="hidden" name="empreinte" value="{{ empreinte }}">
  {{ controles }}
  {% if barre is not none %}
  {{ barre_enregistrement(zone, message, modifie, barre) }}
  {% else %}
  <div class="pied-editeur">
    <button type="submit" class="bouton principal">{{ bouton }}</button>
    {{ zone_etat(zone, message) }}
  </div>
  {% endif %}
</form>
{%- endmacro %}

{#- Partie d'un 409 qui suit l'alerte : le contenu courant du fichier en lecture seule
    (jamais un champ : le brouillon de l'utilisateur n'est pas remplacé) et un lien pour
    recharger la page. -#}
{% macro conflit(contenu) -%}
<div class="conflit">
  <p class="aide">Contenu actuel du fichier (lecture seule) :</p>
  <pre>{{ contenu }}</pre>
  <p><a href="">Recharger la page</a> (votre brouillon actuel sera perdu : copiez-le d'abord si besoin).</p>
</div>
{%- endmacro %}