templates/open_day/index.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">{% trans %}Portes ouvertes & événements{% endtrans %}</h1>
  9.         <div class="font-20">{% trans %}Venez nous rencontrer et discuter lors de nos portes ouvertes pour poser toutes vos questions.{% endtrans %}</div>
  10.       </div>
  11.     </div>
  12.   </div>
  13. </section>
  15. <section class="section section-form section-form-2 mb-4 mt-4" data-aos='fade-up'>
  16.   <div class="container">
  17.     <div class="row">
  18.       <div class="col-12">
  19.         <div class="box-shadow radius-30 px-xl-5 px-lg-4 px-3 px-3 pt-4 pb-2">
  20.           <div class="form-header font-weight-bold text-center font-20 mb-4">{% trans %}RECHERCHE UN ÉVÉNEMENT PAR CAMPUS{% endtrans %}</div>
  21.           <form id="filter-form">
  22.             <div class="form-group row list-campus-checkbox">
  23.               {% for campus in campuses %}
  24.                 <div class="col-xl col-lg col-md-3 col-sm-4 col-6">
  25.                   <div class="form-check mx-0 px-0 mb-3">
  26.                     <div class="custom-control custom-checkbox">
  27.                       <input type="checkbox" class="custom-control-input" id="campuses-{{ campus.id }}" name="campuses[]" value="{{ campus.id }}" required>
  28.                       <label class="custom-control-label text-dark-purple font-weight-normal text-nowrap" for="campuses-{{ campus.id }}">{{ campus.name }}</label>
  29.                     </div>
  30.                   </div>
  31.                 </div>
  32.               {% endfor %}
  33.             </div>
  34.           </form>
  35.         </div>
  36.       </div>
  37.     </div>
  38.   </div>
  39. </section>
  41. <div id="result-data">
  42.   {% for key,item in items %}
  43.     {% if item|length > 0 and item[0].status != 0 %}
  44.     <section class="section section-event mb-4">
  45.       <div class="container">
  46.         <div class="row">
  47.           <div class="col-12 mb-0">
  48.             <div class="s-title position-relative" data-aos='fade-right'>
  49.               <span class="d-inline-block pr-1 font-weight-bold text-uppercase text-dark-purple">{{ key }}</span>
  50.             </div>
  51.           </div>
  52.         </div>
  54.         {% for openDay in item %}
  55.           {% if openDay.status == 1 %}
  56.             {% include 'open_day/_item.html.twig' %}
  57.           {% endif %}
  58.         {% endfor %}
  60.       </div>
  61.     </section>
  62.     {% endif %}
  63.   {% endfor %}
  64. </div>
  65. {% endblock %}
  68. {% block custom_javascripts %}
  69. <script type="text/javascript">
  70. $(document).ready(function(){
  71.   $('.custom-control-input').change(function(){
  72.     filterData();
  73.   });
  75.   function filterData(){
  76.     let data = $('#filter-form').serialize();
  77.     $.ajax({
  78.       url: "{{ path('open_day.filter') }}",
  79.       type: "POST",
  80.       dataType: 'json',
  81.       data : data,
  82.       success: function(result) {
  83.         $('#result-data').html(result.data);
  84.         AOS.init();
  85.       }
  86.     });
  87.   }
  88. });
  89. </script>
  90. {% endblock %}