templates/front/offre_emploi/detail.html.twig line 1

  1. {% extends 'front_layout.html.twig' %}
  3. {% if offreEmploi.seoParent is not null %}
  4.     {% if offreEmploi.seoParent.seo.metaTitre is not empty %}
  5.         {% set titre = offreEmploi.seoParent.seo.metaTitre %}
  6.     {% else %}
  7.         {% set titre = offreEmploi.titre %}
  8.     {% endif %}
  9. {% else %}
  10.        {% set titre = offreEmploi.titre %}
  11. {% endif %}
  13. {% block title %}
  14.     {{ titre }}
  15. {% endblock %}
  17. {% block seo %}
  18.     {{ render(path('app_global_seo_offre_emploi', {'id': offreEmploi.id })) }}
  19. {% endblock %}
  21. {% block body %}
  22. <main class="t-page">
  24.     <header class="t-page__header"
  25.         style="background-image: url('{{ asset('/uploads/medias/' ~ offreEmploi.banniere.filepath)|imagine_filter('banner') }}');">
  26.         {% if offreEmploi.banniere is not null %}
  27.         <img src="{{ asset('/uploads/medias/' ~ offreEmploi.logo)|imagine_filter('entreprise_max') }}">
  28.         {% else %}
  29.         <img src="https://placehold.co/120/" alt="{{ offreEmploi.titre }}">
  30.         {% endif %}
  31.         <h1 class="t-page__mainTitle">{{ offreEmploi.titre }}</h1>
  32.         <p class="t-page__mainTitle t-page__mainTitle--Sub">{{ offreEmploi.domaine.titreDomaine }} / {{ offreEmploi.type }} / {{ offreEmploi.ville }}</p>
  33.     </header>
  35.     <div class="t-page__wrap">
  36.         {{ render(controller('App\\Controller\\WidgetController::breadcrumb', {'request': app.request})) }}
  37.     </div>
  39.     <section class="offres">
  40.         <div class="offres__wrap">
  42.             <div class="offres__left">
  43.                 <div class="offres__pane">
  44.                     <h3 class="offres__titleSmall">L'entreprise</h3>
  45.                     <p>
  46.                         {{ offreEmploi.entrepriseNom }}
  47.                         {% if offreEmploi.banniere is not null %}
  48.                         <img src="{{ asset('/uploads/medias/' ~ offreEmploi.logo)|imagine_filter('entreprise_min') }}">
  49.                         {% else %}
  50.                         <img src="https://placehold.co/30/" alt="{{ offreEmploi.titre }}">
  51.                         {% endif %}
  52.                     </p>
  53.                     <p>Activités: {{ offreEmploi.activite }}</p>
  54.                     <p>Nbre de salariés : {{ offreEmploi.salarie }}</p>
  55.                 </div>
  57.                 <div class="offres__pane">
  58.                     <h3 class="offres__titleSmall">Le poste</h3>
  59.                     <p><svg class="offres__svg"><use xlink:href="#offre-contrat"></use></svg> {{ offreEmploi.type }}</p>
  60.                     <p><svg class="offres__svg"><use xlink:href="#offre-salaire"></use></svg> {{ offreEmploi.salaire }} € / mois</p>
  61.                     <p><svg class="offres__svg"><use xlink:href="#offre-debut"></use></svg> Début : {{ offreEmploi.dateDebut|format_datetime(locale='fr',pattern="dd MMMM YYYY") }}</p>
  62.                     <p><svg class="offres__svg"><use xlink:href="#offre-teletravail"></use></svg> {{ offreEmploi.temps }}</p>
  63.                     <p><svg class="offres__svg"><use xlink:href="#offre-etudes"></use></svg> {{ offreEmploi.niveau }}</p>
  64.                     <p><svg class="offres__svg"><use xlink:href="#offre-ville"></use></svg> {{ offreEmploi.ville }}</p>
  65.                 </div>
  66.             </div>
  68.             <div class="offres__right">
  69.                 <div class="offres__socials">
  70.                     <a class="offres__social" href="#">
  71.                         <svg class="offres__socialSVG">
  72.                             <use xlink:href="#twitter"></use>
  73.                         </svg>
  74.                     </a>
  75.                     <a class="offres__social" href="#">
  76.                         <svg class="offres__socialSVG">
  77.                             <use xlink:href="#facebook"></use>
  78.                         </svg>
  79.                     </a>
  80.                     <a class="offres__social" href="#">
  81.                         <svg class="offres__socialSVG">
  82.                             <use xlink:href="#instagram"></use>
  83.                         </svg>
  84.                     </a>
  85.                     <a class="offres__social" href="#">
  86.                         <svg class="offres__socialSVG">
  87.                             <use xlink:href="#linkedin"></use>
  88.                         </svg>
  89.                     </a>
  90.                 </div>
  93.                 <div class="offres__pane">
  94.                     <h2 class="offres__title">Description de l'entreprise</h2>
  95.                     <div class="offres__txt">{{ offreEmploi.entrepriseDescription | raw }}</div>
  96.                     <a class="offres__btn" href="">Découvrir
  97.                         <svg><use xlink:href="#caret-right"></use></svg>
  98.                     </a>
  99.                 </div>
  101.                 <div class="offres__pane">
  102.                     <h2 class="offres__title">Descriptif du poste</h2>
  103.                     <div class="offres__txt">{{ offreEmploi.description | raw }}</div>
  104.                     <h2 class="offres__title">Ta mission</h2>
  105.                     <div class="offres__txt">{{ offreEmploi.mission | raw }}</div>
  106.                     <a href="#" class="offres__btn">Postuler
  107.                         <svg><use xlink:href="#caret-right"></use></svg>
  108.                     </a>
  109.                 </div>
  111.             </div>
  113.         </div>
  114.     </section>
  116.     <section class="homeActus">
  117.         <div class="homeActus__wrap">
  118.             <div class="homeActus__row">
  119.                 <h2 class="homeActus__title">Les offres à découvrir</h2>
  120.                 <a class="homeActus__all" href="{{ path('app_offre_emploi_list') }}">&gt; Toutes les offres</a>
  121.             </div>
  123.             <div class="homeActus__slick">
  124.                 {% for offreEmploi in offreEmplois %}
  125.                 <div class="homeActus__slide">
  126.                     <a href="{{ path('app_offre_emploi_detail', {'offreEmploi': offreEmploi.id}) }}">
  127.                         {% if offreEmploi.banniere is not null %}
  128.                         <img class="homeActus__img"
  129.                             src="{{ asset('/uploads/medias/' ~ offreEmploi.banniere.filepath)|imagine_filter('c255') }}"
  130.                             alt="{{ offreEmploi.banniere.alt }}">
  131.                         {% else %}
  132.                         <img class="homeActus__img" src="https://placehold.co/255?text=*" alt="">
  133.                         {% endif %}
  134.                         <div class="homeActus__txt">{{ offreEmploi.titre }}</div>
  135.                     </a>
  136.                 </div>
  137.                 {% endfor %}
  138.             </div>
  139.         </div>
  140.     </section>
  142. </main>
  143. {% endblock %}