templates/FrontBundle/Page/offres-emploi.html.twig line 1

Open in your IDE?
  1. {% extends 'FrontBundle/layout.html.twig' %}
  3. {% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
  4. {% block description %}{{ page.metaDescription }}{% endblock %}
  8. {% block extra_class %}stack{% endblock %}
  9. {# {% block menu_min %}200{% endblock %} #}
  10. {% block menu_max %}2636{% endblock %}
  13. {# {% block sub_header %}
  15.   <div class="sub-header">
  16.     <ul>
  17.       <li class="active"><a href="/{{app.request.locale }}/informations-pratiques">Informations</a></li>
  18.       <li><a href="/{{app.request.locale }}/mini-suites">Mini-suites</a></li>
  19.       <li><a href="/{{app.request.locale }}/nos-partenaires">Partenaires</a></li>
  20.     </ul>
  21.   </div>
  23. {% endblock %} #}
  25. {% block stylesheets %}
  26.   <link href="/front/css/owl.carousel.min.css" rel="stylesheet">
  27.   <link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
  28. {% endblock %}
  30. {% block body %}
  33.     
  34.     <section class="espace-content second info-top">
  36.       <h1 class="text-center mb-4">Nos offres d'emploi</h1>
  38.       <p class="text-center">LE ROYAL PALACE international Music-Hall à KIRRWILLER, renforce ses équipes pour mi-septembre !</p>
  40.     </section>
  43. {% for job in jobs %}
  45.     <section class="espace-content full mt-0  infos {{ (loop.index is odd) ? 'grey-bg' : '' }}">
  46.       <div class="content mt-5 pt-5">
  48.         <div class="row pb-5">
  49.           <div class="col-md-6 offset-md-3">
  50.           <h2>{{ job.metaTitle|upper }}</h2>
  51.             {{ job.content|raw }}
  53.             <p class="mt-4" style="font-weight: bold;">Pour postuler, merci d'envoyer un mail de motivation à l'attention de MME ZIMMERMANN SYLVIE et d'y joindre votre CV.</strong></p>
  54.             <a href="mailto:pmeyer@royal-palace.com?subject=Offre d'emploi : {{ job.metaTitle }}" class="btn-primary btn-sm text mb-5 mt-4">POSTULER <img src="/front/img/btn-primary-arrow-r.svg" class="arrow" alt="arrow"></a>
  56.           </div>
  57.          
  58.         </div>
  59.       </div>
  60.     </section>
  62. {% endfor %}
  67.     {% include 'FrontBundle/Partial/footer.html.twig' %}
  69. {% endblock %}
  71. {% block javascripts %}
  73.   <script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_public_key }}"></script>
  75.   <script type="text/javascript">
  77.     $(document).ready(function() {
  79.       hoverList(document.querySelector('.nav-list ul li.active'));
  81.       $(window).scrollTop(0);
  83.       $('#sendform').on('click', function(e){
  84.         e.preventDefault();
  86.           grecaptcha.ready(function() {
  87.             grecaptcha.execute('{{ recaptcha_public_key }}', {action: 'submit'}).then(function(token) {
  90.           var form = {
  91.             token: token,
  92.             firstname: $('#contact [name="firstname"').val(),
  93.             lastname: $('#contact [name="lastname"').val(),
  94.             company: $('#contact [name="company"').val(),
  95.             phone: $('#contact [name="phone"').val(),
  96.             email: $('#contact [name="email"').val(),
  97.             address: $('#contact [name="address"').val(),
  98.             zipcode: $('#contact [name="zipcode"').val(),
  99.             city: $('#contact [name="city"').val(),
  100.             country: $('#contact [name="country"').val(),
  101.             subject: $('#contact [name="subject"').val(),
  102.             message: $('#contact [name="message"').val(),
  103.           };
  105.           $.post('/contact/send/{{app.request.locale}}', form, function( data ) {
  106.             $('.contact-response').hide();
  107.             if(data.success == true){
  108.               $('#sendform').hide();
  109.               $('.contact-response').show();
  110.               $('.contact-response p').html("{{ 'js_contact_merci'|tr(tr)|raw }}");
  111.             } else {
  112.               $('.contact-response').show();
  113.               $('.contact-response p').text(data.error);
  114.             }
  115.           }, "json");
  118.             });
  119.           });
  122.       });
  125.       if( $('.nav-list .overlay').length > 0 ){
  127.         const overlay = document.querySelector('.nav-list .overlay');
  128.         const nav_list = document.querySelectorAll('.nav-list ul li');
  131.         nav_list.forEach((list) => {
  132.           list.addEventListener('mouseover', () => {
  133.             let position = list.getBoundingClientRect();
  134.             overlay.classList.add('active');
  135.             overlay.style.left = position.x + 'px';
  136.             overlay.style.top = position.y + 'px';
  137.             overlay.style.height = position.height + 'px';
  138.             overlay.style.width = position.width + 'px';
  139.           });
  140.           list.addEventListener('mouseout', () => {
  141.             overlay.classList.remove('active');
  142.           });
  143.         });
  145.       }
  149.     });
  151.     function hoverList(list){
  152.       if( $('.nav-list .overlay').length > 0 ){
  153.         const overlay = document.querySelector('.nav-list .overlay');
  154.         let position = list.getBoundingClientRect();
  155.         overlay.classList.add('active');
  156.         overlay.style.left = position.x + 'px';
  157.         // overlay.style.top = position.y + 'px';
  158.         overlay.style.top = $('.nav-list').position().top + 20 + 'px';
  159.         overlay.style.height = position.height + 'px';
  160.         overlay.style.width = position.width + 'px';
  161.       }
  162.     }
  165.     $('.nav-list ul li').on('mouseover', function(){
  166.       $('.nav-list ul li').removeClass('hover');
  167.       $(this).addClass('hover');
  168.     });
  169.     hoverList(document.querySelector('.nav-list ul li.active'));
  170.     setTimeout( function(){hoverList(document.querySelector('.nav-list ul li.active'));}  , 500);
  171.     setTimeout( function(){hoverList(document.querySelector('.nav-list ul li.active'));}  , 1000);
  173.   </script>
  175. {% endblock %}