templates/offre/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }}  : {{ offre.title }}{% endblock %}
  5. {% block body %}
  7. <section class="container pt-5">
  8.     <div class="row">
  9.         <div class="col">
  10.             {# Breadcrumbs #}
  11.             <div class="row">
  12.                 <div class="col small">
  13.                     <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
  14.                         aria-label="breadcrumb">
  15.                         <ol class="breadcrumb small">
  16.                             <li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li>
  17.                             <li class="breadcrumb-item" aria-current="page"><a href="{{ path('app_offres') }}" class="text-decoration-none text-dark">Nos Offres d'Emploi</a></li>
  18.                             <li class="breadcrumb-item active" aria-current="page">{{ offre.title }}</li>
  19.                         </ol>
  20.                     </nav>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  25. </section>
  27. <div class="container-fluid mt-4">
  28.     <div class="container">
  29.         <div class="row border p-3 rounded">
  30.             <div class="col-lg-2 col-sm-12 d-flex align-items-center">
  31.                 {# <img src="{{ asset('assets/img/offres/' ~ offre.image ) }}" alt="{{ offre.title }}" class="img-fluid d-block mx-auto" style="max-width: 125px; width: 100%;"> #}
  32.                 {% if offre.image is defined and offre.image != null %}
  33.                     <img src="{{ asset('assets/img/offres/' ~ offre.image ) }}" alt="{{ offre.title }}" class="img-fluid d-block mx-auto" style="max-width: 125px; width: 100%;">
  34.                 {% else %}
  35.                     <img src="{{ asset('assets/img/logo-laroche-02.png') }}" alt="{{ offre.title }}" class="img-fluid d-block mx-auto" style="max-width: 100px; width: 100%;">
  36.                 {% endif %}
  37.             </div>
  38.             <div class="col-lg-8 col-sm-12">
  39.                 <h3 class="color1 fw-bold">{{ offre.title }}</h3>
  40.                 {% if offre.subtitle != null %}
  41.                     <h5 class="color1 my-4">
  42.                         <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M11 17h2v-6h-2v6Zm1-8q.425 0 .713-.288T13 8q0-.425-.288-.713T12 7q-.425 0-.713.288T11 8q0 .425.288.713T12 9Zm0 13q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/></svg>
  43.                         Fonctions : {{ offre.subtitle }}
  44.                     </h5>
  45.                 {% endif %}
  46.                 <h5>
  47.                     <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M12 12q.825 0 1.413-.588T14 10q0-.825-.588-1.413T12 8q-.825 0-1.413.588T10 10q0 .825.588 1.413T12 12Zm0 10q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2q3.175 0 5.588 2.225T20 10.2q0 2.5-1.988 5.438T12 22Z"/></svg>
  48.                     Lieu : {{ offre.lieu }}
  49.                 </h5>
  50.             </div>
  51.             <div class="col-lg-2 col-sm-12 d-flex align-items-center">
  52.                 <a href="{{ path('app_offre_postuler', {'slug': offre.slug, 'id': offre.id}) }}" class="button-offre-postuler">
  53.                     <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.413-.588T3 19V5q0-.825.588-1.413T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.588 1.413T19 21H5Zm0-2h14V5H5v14Zm5.6-3.225q.2 0 .375-.063t.325-.212l5.675-5.675q.275-.275.275-.675t-.3-.7q-.275-.275-.7-.275t-.7.275L10.6 13.4l-2.175-2.175q-.275-.275-.675-.275t-.7.3q-.275.275-.275.7t.275.7L9.9 15.5q.15.15.325.212t.375.063ZM5 19V5v14Z"/></svg>&nbsp;Postuler
  54.                 </a>
  55.             </div>
  56.         </div>
  57.         <div class="row cadre mt-3 border p-3 mb-5 rounded">
  58.             <div class="col-lg-10 col-sm-12">
  59.                 <button class="button-offre-leposte">Le poste</button>
  60.                 <div class="mt-4">
  61.                     {{ offre.content|replace({'<div>': '', '</div>': '',})|raw }}
  62.                 </div>
  63.             </div>
  64.             <div class="col-lg-2 col-sm-12">
  65.                 {% if offre.file is defined and offre.file != null %}
  66.                     <a href="{{ asset('assets/files/offres/' ~ offre.file ) }}" class="button-offre-inscription" target="_blank">Télécharger le document</a>
  67.                 {% endif %}
  68.             </div>
  69.         </div>
  70.     </div>
  71. </div>
  73. {% endblock %}