{#- Onglet Envoi : où postuler, pièces à joindre, message d'accompagnement, « Marquer
    candidatée ». Pas éditable. Contexte : `contexte_offre` plus
      email         adresse de l'annonce, vide sinon ;
      site          lien de candidature (http/https), vide sinon ;
      pdf           le CV adapté existe (lien « Télécharger le PDF ») ;
      lettre        texte brut de la lettre, vide si elle manque ;
      message       {objet, corps, complet} du message d'envoi, None s'il manque
                    (`complet` : le texte entier, objet compris, que copie « Copier le
                    message ») ;
      marquer       l'action « Marquer candidatée » {url, vals}, None si l'offre l'est déjà.
    Le texte de l'IA est du contenu (`data-contenu`), pas du texte d'interface. -#}
{% extends "offre_base.html" %}
{% from "_composants.html" import action_principale, zone_etat %}
{% set onglet_actif = "envoi" %}
{% block onglet %}
{% if message is none %}
<ol class="envoi-etapes">
  <li>
    <strong>Où postuler</strong>
    {% if email %}
    <p><a href="mailto:{{ email }}">{{ email }}</a></p>
    {% else %}
    <p>Pas d'adresse e-mail dans l'annonce : postulez sur le site.</p>
    {% endif %}
    {% if site %}<p><a href="{{ site }}" target="_blank" rel="noopener noreferrer">Postuler sur le site ↗</a></p>{% endif %}
  </li>
</ol>
<div class="bloc vide">
  <p>Le message d'envoi n'est pas encore rédigé.</p>
  {{ action_principale(entete, id) }}
</div>
{% else %}
<ol class="envoi-etapes">
  <li>
    <strong>Où postuler</strong>
    {% if email %}
    <p><a href="mailto:{{ email }}">{{ email }}</a></p>
    {% else %}
    <p>Pas d'adresse e-mail dans l'annonce : postulez sur le site.</p>
    {% endif %}
    {% if site %}<p><a href="{{ site }}" target="_blank" rel="noopener noreferrer">Postuler sur le site ↗</a></p>{% endif %}
  </li>
  <li>
    <strong>Pièces à joindre</strong>
    <ul class="pieces">
      <li>CV adapté —
        {% if pdf %}
        <a class="bouton discret" href="/offre/{{ id }}/cv.pdf?telecharger=1">Télécharger le PDF</a>
        {% else %}
        <span class="doux">pas encore créé</span>
        {% endif %}
      </li>
      <li>Lettre de motivation —
        {% if lettre %}
        <button type="button" class="bouton discret" data-copier="#lettre-a-copier" data-libelle-copie="✓ Copié">Copier le texte</button>
        <template id="lettre-a-copier">{{ lettre }}</template>
        {% else %}
        <span class="doux">pas encore rédigée</span>
        {% endif %}
      </li>
    </ul>
  </li>
  <li>
    <div class="ligne-entre">
      <strong>Message d'accompagnement</strong>
      <button type="button" class="bouton discret" data-copier="#message-a-copier" data-libelle-copie="✓ Copié">Copier le message</button>
    </div>
    <template id="message-a-copier">{{ message.complet }}</template>
    <div class="message-envoi" data-contenu>
      {% if message.objet %}<p class="objet">Objet : {{ message.objet }}</p>{% endif %}
      {% if message.corps %}<p>{{ message.corps }}</p>{% endif %}
    </div>
  </li>
  <li>
    <strong>Une fois envoyée</strong>
    {% if marquer %}
    <p><button type="button" class="bouton principal" hx-post="{{ marquer.url }}" hx-vals='{{ marquer.vals | tojson }}' hx-swap="none">Marquer candidatée</button></p>
    {% elif entete.etiquette %}
    <p><span class="etiquette-candidatee">{{ entete.etiquette }}</span></p>
    {% endif %}
    {{ zone_etat("envoi") }}
  </li>
</ol>
{% endif %}
{% endblock %}