templates/offre/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ setting.siteName }} : offres d'emploi{% endblock %}
  5. {% block body %}
  7. <section class="container py-4">
  8.     <div class="row pt-3">
  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') }}"
  17.                                     class="text-decoration-none text-dark">Accueil</a></li>
  18.                             <li class="breadcrumb-item active" aria-current="page">Nos offres d'emploi</li>
  19.                         </ol>
  20.                     </nav>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  25.     <div class="row my-5">
  26.         <div class="col text-center">
  27.             <h1 class="color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="2000">{{ setting.offreTitre }}</h1>
  28.             <p>Vous pouvez répondre à une offre ou envoyer une candidature spontanée</p>
  29.         </div>
  30.     </div>
  31. </section>
  33. <div class="container-fluid offres-liste">
  34.     <div class="container pt-5 pb-5">
  35.         <div class="row mt-2 mb-5">
  36.             <div class="col text-center">
  37.                 <h2 class="color1 fw-bold mb-4" data-aos="fade-up" data-aos-duration="2000">Candidature spontanée</h2>
  38.                 <a href="{{ path('app_offre_postuler_spontanee') }}" class="button-offre-postuler">
  39.                     <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;Envoyer une candidature spontanée
  40.                 </a>
  41.             </div>
  42.         </div>
  44.         {% for message in app.flashes('success') %}
  45.             <div id="message-success pb-5">
  46.                 <div class="text-center alert alert-success alert-dismissible fade show" role="alert">
  47.                     {{ message }}
  48.                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  49.                 </div>
  50.             </div>
  51.         {% endfor %}
  53.         <div class="row my-5">
  54.             <h2 class="color1 fw-bold mb-4 text-center" data-aos="fade-up" data-aos-duration="2000">Offres d'emploi</h2>
  55.             <div class="col text-center">
  56.                 <h4>
  57.                     {% if offres|length == 1 %}
  58.                         Il y a {{ offres|length }} offre d'emploi actuellement
  59.                     {% elseif offres|length > 1 %}
  60.                         Il y a {{ offres|length }} offres d'emploi actuellement
  61.                     {% endif %}
  62.                 </h4>
  63.             </div>
  64.         </div>
  65.         {% if offres is defined and offres|length != 0 %}
  66.             {% for offre in offres %}
  67.                 <div class="row cadre">
  68.                     <div class="col-lg-2 col-sm-12">
  69.                         {% if offre.image is defined and offre.image != null %}
  70.                             <img src="{{ asset('assets/img/offres/' ~ offre.image ) }}" alt="{{ offre.title }}" class="img-fluid d-block mx-auto" style="max-width: 125px; width: 100%;">
  71.                         {% else %}
  72.                             <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%;">
  73.                         {% endif %}
  74.                     </div>
  75.                     <div class="col-lg-8 col-sm-12">
  76.                         <h4 class="color1 fw-bold">{{ offre.title }}</h4>
  77.                         <span class="color2 text-xsmall fw-bold">Publié le {{ offre.createdAt|date('d-m-Y à H:i:s') }}</span>
  78.                         <p>Lieu : {{ offre.lieu }}</p>
  79.                     </div>
  80.                     <div class="col-lg-2 col-sm-12 d-flex align-items-center">
  81.                         <a href="{{ path('app_offre_show', {'slug': offre.slug, 'id': offre.id}) }}" class="button-offre">Voir l'offre</a>
  82.                     </div>
  83.                 </div>
  84.             {% endfor %}
  85.         {% else %}
  86.                 <div class="row mt-4 cadre">
  87.                     <div class="col text-center">
  88.                         <h2 class="py-4">Il n'y a aucune offre d'emploi actuellement.</h2>
  89.                     </div>
  90.                 </div>
  91.         {% endif %}
  92.     </div>
  93. </div>
  95. {% endblock %}