{#- Onglet Offre : descriptif (un seul titre) et encadré d'informations.
    Contexte : `contexte_offre` + `descriptif`, `encadre` ([(intitulé, valeur)] : entreprise,
    lieu, contrat, source, date d'ajout), `email` (vide si l'annonce n'en a pas), `url`,
    `url_postulation` (vide si identique à `url`). L'en-tête, ses actions et les onglets
    sont dans `offre_base.html`. -#}
{% extends "offre_base.html" %}
{% set onglet_actif = "offre" %}
{% block onglet %}
<div class="colonnes-offre">
  <section class="colonne-large" aria-labelledby="titre-descriptif">
    <h2 id="titre-descriptif">Descriptif</h2>
    {% if descriptif %}
    <div class="prose" data-contenu>{{ descriptif | markdown }}</div>
    {% else %}
    <p class="doux">Cette annonce n'a pas de descriptif.</p>
    {% endif %}
  </section>
  <aside class="colonne-etroite" aria-label="Informations sur l'offre">
    <dl class="fiche">
      {% for intitule, valeur in encadre %}
      <dt>{{ intitule }}</dt><dd>{{ valeur }}</dd>
      {% endfor %}
      <dt>Contact</dt>
      <dd>{% if email %}<a href="mailto:{{ email }}">{{ email }}</a>{% else %}par le site de l'annonce{% endif %}</dd>
    </dl>
    {% if url or url_postulation %}
    <div class="liens-offre">
      {% if url %}<a href="{{ url }}" target="_blank" rel="noopener noreferrer">Voir l'annonce ↗</a>{% endif %}
      {% if url_postulation %}<a href="{{ url_postulation }}" target="_blank" rel="noopener noreferrer">Postuler sur le site ↗</a>{% endif %}
    </div>
    {% endif %}
  </aside>
</div>
{% endblock %}