templates/front/course/search-course.html.twig line 1

Open in your IDE?
  1. {% extends "front/base.html.twig" %}
  3. {% block title %}
  4.     {{ 'seo.course_title' | trans }}
  5. {% endblock %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'seo.course_description' | trans }}">
  9. {% endblock %}
  11. {% block stylesheets %}
  12.     <style>
  13.         .form-check {
  14.             justify-content: flex-start;
  15.         }
  16.     </style>
  17.     {{ parent() }}
  18.     {{ encore_entry_link_tags('search') }}
  19. {% endblock %}
  22. {% form_theme form _self %}
  24. {%- block choice_widget_expanded -%}
  26. {%- for child in form %}
  27.     <div class="checkbox icheck-primary">
  28.         {{- form_widget(child) -}}
  29.     </div>
  30. {% endfor -%}
  31. {%- endblock choice_widget_expanded -%}
  33. {%- block _hasLabels_widget -%}
  34.     <div class="checkbox icheck-primary">
  35.         {{- form_widget(form) -}}
  36.     </div>
  37. {%- endblock -%}
  39. {% block body %}
  41. {% include "front/course/_searchbar-section.html.twig" %}
  43. <section id="help" class="search-result">
  44.     <div class="container">
  46.         {% if noSearchResult %}
  48.             {% if criteria %}
  49.             
  50.                 <div class="course-box py-5">
  51.                     <p class="empty-course">{{ "directory.no_course_search" | trans }}</p>
  52.                 </div>
  54.                 {% if criteria.place and otherResult %}
  56.                 <h2 class="section-title-underline">{{ "directory.discover_more_course_country" | trans }}</h2>                
  58.                 <div class="courses-grid">
  59.                     {% for course in courses %}
  60.                         {% if course | nextdate(startingDate).begin != null %}
  61.                             {% include "front/course/_course-card.html.twig" %}
  62.                         {% endif %}
  63.                     {% endfor %}
  64.                 </div>
  66.                 {% elseif searchBooster | length > 0 %}
  68.                 <h2 class="section-title-underline">{{ "directory.discover_more_course" | trans }}</h2>
  70.                 <div class="courses-grid">
  71.                     {% for course in searchBooster %}
  72.                         {% if course | nextdate(startingDate).begin != null %}
  73.                             {% include "front/course/_course-card.html.twig" %}
  74.                         {% endif %}
  75.                     {% endfor %}
  76.                 </div>
  78.                 {% endif %}
  81.             {% else %}
  83.                 <div class="course-box">
  84.                     <p class="empty-course">{{ "directory.no_course" | trans }}</p>
  85.                 </div>
  87.             {% endif %}
  90.         {% else %}
  92.         <div class="courses-grid">
  93.             
  94.             {% set count = 0 %}
  96.             {% for course in courses %}
  98.             {% if course | nextdate(startingDate).begin != null %}
  100.             {% set count = count + 1 %}
  102.             {% include "front/course/_course-card.html.twig" %}
  103.                     
  104.             {% endif %}
  106.             {% endfor %}
  107.             
  108.         </div>
  110.         {% if count == 0 %}
  111.             <div class="course-box py-5">
  112.                 <p class="empty-course">{{ "directory.no_course_search" | trans }}</p>
  113.             </div>
  114.         {% endif %}
  116.         <div class="row d-flex justify-content-center">
  117.             {{ knp_pagination_render(courses, 'front/_partials/availabilities-pagination.html.twig') }}
  118.         </div>
  120.         {% endif %}
  122.     </div>
  123. </section>
  125. {% endblock %}
  127. {% block javascript %}
  129.     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDlbNXT8UFkJUNivXKFV97ZOUyariVlM_w&libraries=places&language={{ app.request.locale }}"></script>
  130.     {{ parent() }}
  131.     {{ encore_entry_script_tags('search') }}
  133.     <script>
  135.         var searchInput = $('#search');
  137.         var inSession = false;
  139.         $(".main-search button[type=submit]").on('click', function(e) {
  141.             $(this).attr("clicked", "true");
  143.             var submitBtn = $("button[type=submit][clicked=true]");
  145.             if (submitBtn.hasClass('btn-main-search') || submitBtn.hasClass('search-mobile-btn')) {
  147.                 searchInput.val("true");
  149.             }
  150.             if (submitBtn.hasClass('create-alert')) {
  152.                 searchInput.val("");
  154.             }
  155.             if (inSession == false) {
  157.                 e.preventDefault()
  159.                 let destination = $('#destination').val();
  161.                 inSession = true;
  163.                 if (destination != '') {
  165.                     localStorage.setItem('destination', destination)
  167.                 }
  168.             
  169.             } 
  171.             $('.main-search').trigger('submit');
  173.         })
  176.         $('.place-criteria').text(localStorage.getItem('destination'))
  178.         
  179.     </script>
  180. {% endblock %}