templates/homepage/vehicleDealer.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ seoTitle }}{% endblock %}
  5. {% block desc %}{{ seoDescription }}{% endblock %}
  8. {% block body %}
  11.     <section class="contact">
  12.         <header class="contact__header">
  13.             <h1>{{ seoH1 }}</h1>
  14.             <figure class="contact__logo">
  15.                 {% if dealer.logo %}
  16.                     <img
  17.                             src="{{ asset('img-dealer/')~dealer.logo }}"
  18.                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  19.                                 src: asset('img-dealer/')~dealer.logo
  20.                             }) }}
  21.                             width="200"
  22.                     >
  23.                 {% endif %}
  24.             </figure>
  25.         </header>
  26.         <footer class="contact__footer">
  27.             <a class="button" href="{{ path('page_dealer_detail', { url:  dealer.url }) }}">
  28.                 <i class="icon icon-car"></i>
  29.                 Zobrazit informace o prodejci
  30.             </a>
  31.         </footer>
  32.     </section>
  35.     <section id="nabidka" class="grid grid--gap40 grid--padding40 grid--padding-top0">
  36.         <div>
  37.             <form class="form">
  38.                 <div class="form__columns form__columns--filter">
  39.                     <div class="form__group">
  40.                         <label>Značka</label>
  41.                         <select id="select-manufacturer" class="js-select2-search" name="manufacturer">
  42.                             <option value="">Vybrat značku</option>
  43.                             {% for m in manufacturer %}
  44.                                 <option value="{{ m.url }}" {% if m.url == app.request.get('urlManufacturer') %}  selected {% endif %} >{{ m.name }}</option>
  45.                             {% endfor %}
  46.                         </select>
  47.                     </div>
  48.                     <div class="form__group">
  50.                         <label>Model</label>
  51.                         <select id="select-model" class="js-select2-search" name="model">
  52.                             <option value="">   {% if app.request.get('urlManufacturer') %} Vybrat model {% else %} Vyberte model  {% endif %} </option>
  54.                             {% if app.request.get('urlManufacturer') %}
  55.                                 {% for m in model %}
  56.                                     <option value="{{ m.url }}" {% if m.url == app.request.get('urlModel') %}  selected {% endif %} >{{ m.name }}</option>
  57.                                 {% endfor %}
  58.                             {% endif %}
  59.                         </select>
  60.                     </div>
  61.                 </div>
  62.             </form>
  64.             <script>
  65.                 $('#select-manufacturer').on("select2:select", function (e) {
  66.                     window.location.replace("/autobazar/{{ dealer.url }}/vozidla/" + e.target.value);
  67.                 });
  68.                 $('#select-model').on("select2:select", function (e) {
  69.                     window.location.replace("/autobazar/{{ dealer.url }}/vozidla/{{ app.request.get('urlManufacturer') }}/" + e.target.value);
  70.                 });
  71.             </script>
  73.             <hr>
  75.             <div class="grid__results">
  76.                 <h2 class="grid__title">Zobrazeno</h2>
  77.                 <div class="grid__results-label">{{ vehicles.totalItemCount }} inzerátů</div>
  78.             </div>
  81.             {% for v in vehicles %}
  82.                 {% include 'vehicle/_vehicle.html.twig' with { vehicle: v } %}
  84.                 {% if loop.index == 2 %}
  85.                     <div id="banner-mobile-container" class="banner-mobile"></div>
  86.                 {%  endif %}
  88.                 {% if loop.index == 4 and vehicles.totalItemCount >= 2 %}
  89.                     <div id="adform_squarem"></div>
  90.                 {% endif %}
  92.                 {% if loop.index == 8 and vehicles.totalItemCount >= 4 %}
  93.                     <div id="adform_squarem2"></div>
  94.                 {% endif %}
  96.             {% endfor %}
  99.             <div class="navigation">
  100.                 {{ knp_pagination_render(vehicles) }}
  101.             </div>
  104.         </div>
  105.         <div>
  106.             {% if vehicles.totalItemCount >= 2 %}
  107.             <div id="adform_halfpage"></div>
  108.             {% endif %}
  109.             {% if vehicles.totalItemCount >= 4 %}
  110.             <div id="banner-container" class="banner"></div>
  111.             {% endif %}
  112.         </div>
  113.     </section>
  115.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  117.     <script>
  118.         $(".js-select2").select2({
  119.             language: "cs",
  120.             minimumResultsForSearch: -1,
  121.             width: "100%",
  122.         });
  124.         $(".js-select2-search").select2({
  125.             language: "cs",
  126.             width: "100%",
  127.         });
  128.     </script>
  130. {% endblock %}