templates/front/course/search-course-map.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.         footer {
  17.             display: none !important;
  18.         }
  19.     </style>
  20.     {{ parent() }}
  21.     {{ encore_entry_link_tags('search') }}
  22. {% endblock %}
  24. {% form_theme form _self %}
  26. {%- block choice_widget_expanded -%}
  28. {%- for child in form %}
  29.     <div class="checkbox icheck-primary">
  30.         {{- form_widget(child) -}}
  31.     </div>
  32. {% endfor -%}
  34. {%- endblock choice_widget_expanded -%}
  36. {% block body %}
  37.     
  38.     {% include "front/course/_searchbar-section.html.twig" %}
  40.     {% if criteria and criteria.place %}
  42.     {% set responsiveMapClass = 'has-toggler' %}
  44.     {% else %}
  46.     {% set responsiveMapClass = '' %}
  48.     {% endif %}
  50.     <section class="map-wiew-section">
  51.         <div class="course-map-view {{ responsiveMapClass }}">
  52.             <div class="course-list">
  54.                 {% if noSearchResult %}
  56.                     {% if criteria %}
  57.                     
  58.                         <div class="course-box py-5">
  59.                             <p class="empty-course">{{ "directory.no_course_search" | trans }}</p>
  60.                         </div>
  62.                         {% if criteria.place and otherResult %}
  64.                         <h2 class="section-title-underline">{{ "directory.discover_more_course_country" | trans }}</h2>                
  66.                         
  67.                             {% for course in courses %}
  68.                                 {% if course | nextdate(startingDate).begin != null %}
  69.                                     {% include "front/course/_course-card.html.twig" %}
  70.                                 {% endif %}
  71.                             {% endfor %}
  72.                         
  74.                         {% elseif searchBooster | length > 0 %}
  76.                         <h2 class="section-title-underline">{{ "directory.discover_more_course" | trans }}</h2>
  78.                             {% for course in searchBooster %}
  79.                                 {% if course | nextdate(startingDate).begin != null %}
  80.                                     {% include "front/course/_course-card.html.twig" %}
  81.                                 {% endif %}
  82.                             {% endfor %}
  83.                         
  84.                         {% endif %}
  87.                     {% else %}
  89.                         <div class="course-box">
  90.                             <p class="empty-course">{{ "directory.no_course" | trans }}</p>
  91.                         </div>
  93.                     {% endif %}
  96.                 {% else %}
  97.                         
  98.                         {% for course in courses %}
  100.                         {% if course | nextdate(startingDate).begin != null %}
  102.                         {% include "front/course/_course-card.html.twig" %}
  103.                                 
  104.                         {% endif %}
  106.                         {% endfor %}
  108.                 {% endif %}
  110.             </div>
  111.             <div class="course-map" id="course-map">
  112.             </div>
  113.         </div>
  114.     </section>
  116. {% endblock %}
  118. {% block javascript %}
  120.     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBNWTs1XHaB_zzkP1menI9mdg-NBk1IZnY&libraries=places&language={{ app.request.locale }}"></script>
  121.     <script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
  122.     
  123.     {{ parent() }}
  124.     {{ encore_entry_script_tags('map') }}
  125.     {{ encore_entry_script_tags('search') }}
  127.     <script>
  129.         var searchInput = $('#search');
  131.         var inSession = false;
  133.         $(".main-search button[type=submit]").on('click', function(e) {
  135.             $(this).attr("clicked", "true");
  137.             var submitBtn = $("button[type=submit][clicked=true]");
  139.             if (submitBtn.hasClass('btn-main-search') || submitBtn.hasClass('search-mobile-btn')) {
  140.                 searchInput.val("true");
  141.             }
  142.             if (submitBtn.hasClass('create-alert')) {
  144.                 searchInput.val("");
  146.             }
  147.             if (inSession == false) {
  149.                 e.preventDefault()
  151.                 let destination = $('#destination').val();
  153.                 inSession = true;
  155.                 if (destination != '') {
  157.                     localStorage.setItem('destination', destination)
  159.                 }
  160.             
  161.             } 
  163.             $('.main-search').trigger('submit');
  165.         })
  168.         $('.place-criteria').text(localStorage.getItem('destination'))
  170.         
  171.     </script>
  173. {% endblock %}