templates/job_board/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">
  9.           {{ job.offerTitle }}
  10.         </h1>
  11.         <div class="text-center mt-4 pt-2">
  12.           <a href="{{ path('job.apply',{ code:job.code, slug:job.slug }) }}" class="link-gradient font-30 font-weight-bold text-nowrap">{% trans %}Envoyer votre candidature{% endtrans %}</a>
  13.         </div>
  14.       </div>
  15.     </div>
  16.   </div>
  17. </section>
  19. <section class="section section-offre-detail mb-3 mt-4">
  20.   <div class="container">
  21.     <div class="row">
  22.       <div class="col-lg-3 mb-md-3 mb-0">
  23.         <div class="offre-infor mb-4 p-3" data-aos='fade-right'>
  24.           <div class="text-center mb-3">
  25.             <img src="{{ job.logoUrl }}" alt="" />
  26.           </div>
  27.           <div class="o-block mb-3">
  28.             <div class="font-weight-bold">{% trans %}Type de contrat{% endtrans %}</div>
  29.             <div class="text-gray">{{ job.contract.name }}</div>
  30.           </div>
  31.           <div class="o-block mb-3">
  32.             <div class="font-weight-bold">{% trans %}Date de validité{% endtrans %}</div>
  33.             <div class="text-orange">{{ job.validDate|date('d/m/Y') }}</div>
  34.           </div>
  35.           <div class="o-block mb-3">
  36.             <div class="font-weight-bold">{% trans %}Durée du contrat{% endtrans %}</div>
  37.             <div class="text-gray">{{ job.duration }} {% trans %}mois{% endtrans %}</div>
  38.           </div>
  39.           <div class="o-block mb-3">
  40.             <div class="font-weight-bold">{% trans %}Campus à proximité{% endtrans %}</div>
  41.             <div class="text-gray">
  42.               {% for campus in job.campuses %}
  43.                 {{ campus.name }}{% if not loop.last %},&nbsp{% endif %}
  44.               {% endfor %}
  45.             </div>
  46.           </div>
  47.           <div class="o-block mb-3">
  48.             <div class="font-weight-bold">{% trans %}Niveau minimum requis{% endtrans %}</div>
  49.             <div class="text-gray">{{ job.studyLevel.name }}</div>
  50.           </div>
  51.           <div class="o-block mb-3">
  52.             <div class="font-weight-bold">{% trans %}Domaine/Expertise{% endtrans %}</div>
  53.             {% for item in job.expertise %}
  54.               <div class="text-dark-purple">{{ item.name }}</div>
  55.             {% endfor %}
  56.             
  57.           </div>
  58.           <div class="o-block mb-3">
  59.             <div class="font-weight-bold">{% trans %}Compétences{% endtrans %}</div>
  60.             <div class="o-tags mt-2">
  61.             {% for skill in job.skill %}
  62.               <a href="javascript:void(0)" class="o-chip">{{ skill.name }}</a>
  63.             {% endfor %}
  64.             </div>
  65.           </div>
  66.         </div>
  67.       </div>
  68.       <div class="col-lg-9">
  69.         <div class="offre-content text-dark-purple" data-aos='fade-left'>
  70.           <div class="section-title text-left mb-2"><span>/</span> {% trans %}L'entreprise d'accueil{% endtrans %}</div>
  71.           <div class="keepEditorStyle text-justify mb-3">
  72.             <p><strong>{{ job.companyName }}</strong></p>
  73.             {{ job.presentation|nl2br }}
  74.           </div>
  76.           <div class="section-title text-left mb-2"><span>/</span> {% trans %}Description de l'offre{% endtrans %}</div>
  77.           <div class="keepEditorStyle text-justify mb-3">
  78.             {{ job.description|nl2br }}
  79.           </div>
  81.           <div class="section-title text-left mb-2"><span>/</span> {% trans %}Profil recherché{% endtrans %}</div>
  82.           <div class="keepEditorStyle text-justify mb-3">
  83.             {{ job.expectProfile|nl2br }}
  84.           </div>
  85.         </div>
  86.         <div class="d-flex align-items-center mb-4 pb-2 flex-md-row flex-column text-center" data-aos='fade-left'>
  87.           <div class="back-link mb-md-0 mb-3"><a class="font-weight-normal" href="{{path('job_board.index')}}"><i class="fa-solid fa-arrow-left font-12 mr-3"></i>{% trans %}VOIR TOUTES LES OFFRES{% endtrans %}</a></div>
  88.           <div class="ml-auto"><a href="{{ path('job.apply',{ code:job.code, slug:job.slug }) }}" class="link-gradient font-30 font-weight-bold text-nowrap">{% trans %}Envoyer votre candidature{% endtrans %}</a></div>
  89.         </div>
  90.       </div>
  91.     </div>
  92.   </div>
  93. </section>
  95. <section class="section section-offer mb-4">
  96.   <div class="container">
  97.     <div class="row">
  98.       <div class="col-12 mb-4">
  99.         <div class="text-orange font-weight-bold font-30 text-capitalize" data-aos='fade-up'>{% trans %}CONSULTER LES DERNIÈRES OFFRES D'ALTERNANCE/EMPLOI{% endtrans %}</div>
  100.       </div>
  101.     </div>
  102.     <div class="row">
  103.       {% for job in jobs %}
  104.         {% include 'job_board/_item_job.html.twig' %}
  105.       {% endfor %}
  106.   </div>
  107. </section>
  108. {% endblock %}