{#- Base des pages d'une offre (Offre, Lettre, CV adapté, Envoi, Historique).

    Contexte : `contexte.contexte_offre(req)` passé tel quel (`**contexte_offre(req)`) ;
    ce gabarit ne lit que ses clés (rendu en `StrictUndefined`) : `id`, `offre` (son
    `titre`), `score`, `metadonnees`, `motifs`, `onglet_liste`, `onglets`, `entete`,
    `en_cours`.
    Une page fille déclare son onglet en tête de fichier :
        {% extends "offre_base.html" %}
        {% set onglet_actif = "lettre" %}
    puis remplit `{% block onglet %}` (et `{% block classe_page %} large{% endblock %}`
    pour une page à deux colonnes). L'en-tête, ses actions et les onglets sont ici :
    aucune page fille ne les refait. -#}
{% extends "base.html" %}
{% from "_composants.html" import actions_fiche, pastilles_motifs, onglets_page, vie_privee %}
{% set nav_actif = "offres" %}
{% block titre %}{{ offre.titre }} - job2apply{% endblock %}
{% block contenu %}
{% set courant = onglet_actif | default("offre") %}
<article class="offre">
  <p class="fil"><a href="{{ onglet_liste.href }}">← Offres · {{ onglet_liste.libelle }}</a></p>
  <header class="offre-entete">
    <div class="offre-identite">
      <p class="score">{% if score is none %}–{% else %}{{ score }}{% endif %}<span class="cache-visuel"> points</span></p>
      <div class="offre-texte">
        <h1 class="offre-titre">{{ offre.titre }}</h1>
        {% if metadonnees %}<p class="meta">{{ metadonnees | join(" · ") }}</p>{% endif %}
        {{ pastilles_motifs(motifs) }}
      </div>
    </div>
    <div class="offre-actions">
      {{ actions_fiche(id, entete, en_cours, offre.titre) }}
    </div>
  </header>
  {% if entete.principale and entete.principale.cle in ("preparer", "completer") %}
  {{ vie_privee("fiche") }}
  {% endif %}
  {{ onglets_page(onglets, courant) }}
  <section class="onglet">
    {% block onglet %}{% endblock %}
  </section>
</article>
{% endblock %}