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 {
  83.                         vehicle: v,
  84.                         analyticsContext: 'dealer_inventory'
  85.                     } %}
  87.                 {% if loop.index == 2 %}
  88.                     <div id="banner-mobile-container" class="banner-mobile" data-autanet-partner-banner-placement="B05"></div>
  89.                 {%  endif %}
  91.                 {% if loop.index == 4 and vehicles.totalItemCount >= 2 %}
  92.                     <div id="adform_squarem"></div>
  93.                 {% endif %}
  95.                 {% if loop.index == 8 and vehicles.totalItemCount >= 4 %}
  96.                     <div id="adform_squarem2"></div>
  97.                 {% endif %}
  99.             {% endfor %}
  102.             <div class="navigation">
  103.                 {{ knp_pagination_render(vehicles) }}
  104.             </div>
  107.         </div>
  108.         <div>
  109.             {% if vehicles.totalItemCount >= 2 %}
  110.             <div id="adform_halfpage"></div>
  111.             {% endif %}
  112.             {% if vehicles.totalItemCount >= 4 %}
  113.             <div id="banner-container" class="banner" data-autanet-partner-banner-placement="B05"></div>
  114.             {% endif %}
  115.         </div>
  116.     </section>
  118.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  120.     <script>
  121.         $(".js-select2").select2({
  122.             language: "cs",
  123.             minimumResultsForSearch: -1,
  124.             width: "100%",
  125.         });
  127.         $(".js-select2-search").select2({
  128.             language: "cs",
  129.             width: "100%",
  130.         });
  131.     </script>
  134.     <script>
  135.         if (
  136.             window.AutanetAnalytics &&
  137.             typeof window.AutanetAnalytics.withIdentity === 'function'
  138.         ) {
  139.             window.AutanetAnalytics.withIdentity(function (identity) {
  140.                 if (!identity) {
  141.                     return;
  142.                 }
  144.                 const formData = new FormData();
  145.                 formData.append('event_type', 'dealer_inventory_view');
  146.                 formData.append('dealer_id', '{{ dealer.id }}');
  147.                 formData.append('visitor_key', identity.visitorKey);
  148.                 formData.append('session_key', identity.sessionKey);
  149.                 formData.append('pageview_key', identity.pageviewKey);
  151.                 fetch('{{ path('app_analytics_event') }}', {
  152.                     method: 'POST',
  153.                     body: formData
  154.                 }).catch(function () {
  155.                     // Analytics nesmí ovlivnit funkčnost stránky.
  156.                 });
  157.             }, 5000);
  158.         }
  159.     </script>
  162.     <script>
  163.         document.addEventListener('click', function (event) {
  164.             const link = event.target.closest(
  165.                 '[data-analytics-event="dealer_inventory_vehicle_click"]'
  166.             );
  168.             if (!link) {
  169.                 return;
  170.             }
  172.             if (
  173.                 !window.AutanetAnalytics ||
  174.                 typeof window.AutanetAnalytics.getIdentity !== 'function'
  175.             ) {
  176.                 return;
  177.             }
  179.             const identity = window.AutanetAnalytics.getIdentity();
  181.             if (!identity) {
  182.                 return;
  183.             }
  185.             const formData = new FormData();
  186.             formData.append('event_type', 'dealer_inventory_vehicle_click');
  187.             formData.append('dealer_id', link.dataset.analyticsDealerId);
  188.             formData.append('vehicle_id', link.dataset.analyticsVehicleId);
  189.             formData.append('visitor_key', identity.visitorKey);
  190.             formData.append('session_key', identity.sessionKey);
  191.             formData.append('pageview_key', identity.pageviewKey);
  193.             const url = '{{ path('app_analytics_event') }}';
  195.             if (navigator.sendBeacon) {
  196.                 navigator.sendBeacon(url, formData);
  197.                 return;
  198.             }
  200.             fetch(url, {
  201.                 method: 'POST',
  202.                 body: formData,
  203.                 keepalive: true
  204.             }).catch(function () {
  205.                 // Analytics nesmí ovlivnit funkčnost odkazu.
  206.             });
  207.         }, true);
  208.     </script>
  210. {% endblock %}