templates/job/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5. {% set bgImage = document.getProperty('bannerSearchImage').thumbnail('full-background').html({'imgAttributes' : {'uk-cover' : null, 'class' : 'uk-cover' }}) %}
  6. <main id="main" role="main" class="apk-jobs-detail">
  7.     <section id="search">
  8.         <div class="apk-banner-container uk-cover-container">
  9.             {% if document.getProperty('bannerSearchImage') %}
  10.                 {{ bgImage|raw }}
  11.             {% endif %}
  12.             <div class="uk-container uk-position-relative uk-height-1-1 uk-position-z-index">
  13.                 <div class="uk-flex uk-flex-bottom uk-height-1-1">
  14.                     <div class="uk-container apk-container-1200">
  15.                         <form class="uk-light" action="{{path('search')}}" method="GET">
  16.                             <div class="uk-grid-small uk-flex uk-flex-middle uk-grid" uk-grid>
  17.                                 <div class="uk-width-expand@s">
  18.                                     <input class="uk-input" type="text" name="search" id="search" placeholder="{{'Adresse, ville ou code postal' |trans}}">
  19.                                 </div>    
  20.                                 <div class="uk-width-auto@s uk-flex uk-flex-center">
  21.                                     <button class="uk-button uk-button-large uk-button-primary uk-flex uk-flex-center uk-flex-middle" type="submit" id="" value="{{'Recherche'|trans}}">
  22.                                         <span>{{'Rechercher'|trans}}</span>
  23.                                         <img class="uk-margin-small-left" uk-svg width="25" height="25" src="/static/img/icons/zoom.svg" alt="{{'Recherche' | trans}}">
  24.                                     </button>
  25.                                 </div>
  26.                             </div>
  27.                         </form>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </section>
  33.     <section id="job" class="apk-jobs-detail-container">
  34.         <div class="uk-container apk-container-1200">
  35.             <div class="uk-grid-medium uk-grid" uk-grid>
  36.                 <div class="uk-width-3-4@m">
  37.                     <h1 class="uk-h2 uk-margin-remove-bottom">{{job.getTitle()}}</h1>
  38.                     <span class="apk-text-smaller">{{business.name}} • {{job.contract}} • {{business.address.zip}} • {{business.address.city}}</span>
  39.                     {% if job.description %}
  40.                         {{job.description|raw}}
  41.                     {% else %}
  42.                         <p>{{ "Acune description n'est disponible pour cette offre d'emploi"|trans }}</p>
  43.                     {% endif %}
  44.                 </div>
  45.                 <div class="uk-width-1-4@m">
  46.                     <div class="apk-jobs-detail-aside">
  48.                         <h2 class="uk-h3">{{ "Plus à propos de ce lieu"|trans }}</h2>
  49.                         <div class="apk-media">
  50.                             {{ business.image.getThumbnail('news-thumb').html()|raw }}
  51.                         </div>
  52.                         <div class="apk-title">
  53.                             <span class="uk-h3">{{ business.name }}</span>
  54.                         </div>
  55.                         <span class="apk-location">{{ business.address.street }} - {{ business.address.zip }} {{ business.address.city }}</span>
  56.                         <div class="apk-description">
  57.                             {{ business.presentation|raw }} 
  58.                         </div>
  59.                         <div class="apk-services">
  60.                             {% if business.services %}
  61.                             <ul class="uk-list apk-list-inline apk-services uk-margin-remove">        
  62.                                 {% for service in business.services %}
  63.                                     <li class="uk-text-center">
  64.                                         <div class="apk-services-container uk-flex uk-flex-middle uk-flex-center" uk-tooltip="{{ service.getName() }}">
  65.                                             <img uk-svg width="20" heigh="20" src="{{ service.getImage().getFullPath() }}" alt="{{ service.getName() }}">
  66.                                         </div>
  67.                                     </li>    
  68.                                 {% endfor %}
  69.                             </ul>
  70.                             {% else %}    
  71.                                 {{ "Aucune information sur les services" }}
  72.                             {% endif %}
  73.                         </div>
  74.                         <div class="apk-action uk-flex uk-flex-right@m uk-flex-center">
  76.                             <a class="uk-flex uk-flex-middle uk-button uk-button-collapsed uk-text-uppercase uk-button-primary" 
  77.                             href="{{path('business_detail', {'slug' : business.slug})}}">
  78.                                 <div class="uk-width-expand">
  79.                                     {{'Voir la fiche'|trans}}
  80.                                 </div>
  81.                                 <div class="uk-width-auto">
  82.                                     <img class="uk-margin-small-left" uk-svg width="12" height="18" src="/static/img/pictos/double_arrow.svg" alt="{{ "arrow"|trans }}">
  83.                                 </div>
  84.                             </a>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         
  90.             {#
  91.             <form action="{{path('jobApply', {'id': job.id})}}" method="post">
  92.                 <div>
  93.                     <label for="name">{{'Nom'|trans}}</label>
  94.                     <input type="text" name="name" id="name">
  95.                 </div>
  96.                 <div>
  97.                     <label for="phone">{{'Téléphone'|trans}}</label>
  98.                     <input type="phone" name="phone" id="phone">
  99.                 </div>
  100.                 <div>
  101.                     <label for="email">{{'Email'|trans}}</label>
  102.                     <input type="email" name="email" id="email">
  103.                 </div>
  104.                 <div>
  105.                     <label for="message">{{'Message'}}</label>
  106.                     <textarea name="message" id="message" cols="30" rows="10"></textarea>
  107.                 </div>
  108.                 <input type="submit" value="{{'Postuler'|trans}}">
  109.             </form>
  110.             #}
  111.         </div>
  112.     </section>
  113.     
  114. </main>
  116. {% endblock %}