templates/homepage/detailDealer.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ seoTitle }}{% endblock %}
  5. {% block desc %}{{ seoDescription }}{% endblock %}
  7.         {% block stylesheets %}
  8.             {{ encore_entry_link_tags('app') }}
  9.            {% endblock %}
  10.           {% block javascripts %}
  11.               {{ encore_entry_script_tags('app') }}
  12.               <script
  13.                       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDMvCFLEp2JWA1HQ5riIBgtCn8Hy5bS9nw&callback=initMap&v=weekly"
  14.                       defer
  15.               ></script>
  16.               <script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js"></script>
  18.           {% endblock %}
  20. {% block body %}
  23.     <section class="contact">
  24.         <header class="contact__header">
  25.             <h1>{{ dealer.name }}</h1>
  26.             <figure class="contact__logo">
  27.                 {% if dealer.logo and autanetPartner %}
  28.                 <img
  29.                         src="{{ asset('img-dealer/')~dealer.logo }}"
  30.                         data-autanet-partner-logo-l02
  31.                         data-autanet-partner-id="{{ autanetPartner.id }}"
  32.                         data-dealer-id="{{ dealer.id }}"
  33.                         {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  34.                             src: asset('img-dealer/')~dealer.logo
  35.                         }) }}
  36.                         width="200"
  37.                 >
  38.                 {% endif %}
  39.             </figure>
  40.         </header>
  42.         {% if dealer.description %}
  43.         <div class="contact__description">
  44.             <p>{{ dealer.description }}</p>
  45.         </div>
  46.         {% endif %}
  48.         <div class="contact__grid">
  49.             <div>
  50.                 <h2 class="contact__heading">Adresa</h2>
  51.                 <div class="contact__item">
  52.                     <i class="contact__icon icon icon-garage"></i>
  53.                     <div>
  54.                         {% if dealer.street %}{{ dealer.street }}<br>{% endif %}
  55.                         {% if dealer.city %}{{ dealer.city }}<br>{% endif %}
  56.                         {% if dealer.district %}{{ dealer.district.region.name }}{% endif %}
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.             <div>
  61.                 <h2 class="contact__heading">Telefon</h2>
  62.                 <div class="contact__item">
  63.                     <i class="contact__icon icon icon-phone"></i>
  64.                     {% for p in dealer.dealerPhones %}
  65.                     <a href="tel:{{ p.name|replace({' ': '', '-': ''}) }}"
  66.    data-analytics-event="dealer_profile_phone_click"
  67.    data-analytics-dealer-id="{{ dealer.id }}">{{ p.name }}</a><br>
  68.                     {% endfor %}
  69.                 </div>
  70.             </div>
  71.             <div>
  72.                 <h2 class="contact__heading">E-mail</h2>
  73.                 {% if dealer.email %}
  74.                 <div class="contact__item contact__item--primary">
  75.                     <i class="contact__icon icon icon-email"></i>
  76.                     <a href="mailto:{{ dealer.email }}"
  77.    data-analytics-event="dealer_profile_email_click"
  78.    data-analytics-dealer-id="{{ dealer.id }}">{{ dealer.email }}</a>
  79.                 </div>
  80.                 {% endif %}
  81.             </div>
  82.         </div>
  83.         <footer id="mapa" class="contact__footer">
  84.             {% if hasVehicleImport %}
  85.             <a class="contact__button"
  86.                    href="{{ path('page_dealer_vehicle', { url:  dealer.url }) }}"
  87.                    data-analytics-event="dealer_profile_inventory_click"
  88.                    data-analytics-dealer-id="{{ dealer.id }}">
  89.                 <i class="icon icon-car"></i>
  90.                 Zobrazit nabídku vozidel
  91.             </a>
  92.             {% endif %}
  93.             {% if dealer.lat and dealer.lng %}
  94.             <a class="contact__button contact__button--secondary"
  95.                href="https://www.google.com/maps/search/?api=1&query={{ dealer.lat }},{{ dealer.lng }}"
  96.                target="_blank"
  97.                data-analytics-event="dealer_profile_route_click"
  98.                data-analytics-dealer-id="{{ dealer.id }}">
  99.                 Zobrazit trasu
  100.                 <i class="icon icon-map"></i>
  101.             </a>
  102.             {% endif %}
  103.             {% if dealer.www %}
  104.             <a class="contact__button contact__button--secondary"
  105.                href="http://{{ dealer.www }}"
  106.                target="_blank"
  107.                data-analytics-event="dealer_profile_website_click"
  108.                data-analytics-dealer-id="{{ dealer.id }}">
  109.                 Zobrazit web
  110.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 64 64" fill="currentColor">
  111.                     <path d="M 40 10 C 38.896 10 38 10.896 38 12 C 38 13.104 38.896 14 40 14 L 47.171875 14 L 30.585938 30.585938 C 29.804938 31.366938 29.804938 32.633063 30.585938 33.414062 C 30.976938 33.805063 31.488 34 32 34 C 32.512 34 33.023063 33.805062 33.414062 33.414062 L 50 16.828125 L 50 24 C 50 25.104 50.896 26 52 26 C 53.104 26 54 25.104 54 24 L 54 12 C 54 10.896 53.104 10 52 10 L 40 10 z M 18 12 C 14.691 12 12 14.691 12 18 L 12 46 C 12 49.309 14.691 52 18 52 L 46 52 C 49.309 52 52 49.309 52 46 L 52 34 C 52 32.896 51.104 32 50 32 C 48.896 32 48 32.896 48 34 L 48 46 C 48 47.103 47.103 48 46 48 L 18 48 C 16.897 48 16 47.103 16 46 L 16 18 C 16 16.897 16.897 16 18 16 L 30 16 C 31.104 16 32 15.104 32 14 C 32 12.896 31.104 12 30 12 L 18 12 z"></path>
  112.                 </svg>
  113.             </a>
  114.             {% endif %}
  115.         </footer>
  116.     </section>
  119.     <section    class="grid grid--gap40 grid--padding40">
  120.         <div>
  122.                 <div id="map" style="height: 400px" > </div>
  124.                 <script>
  126.                     function initMap() {
  127.                         const map = new google.maps.Map(document.getElementById("map"), {
  128.                             zoom: 7,
  129.                             center: {lat: 49.7887636, lng: 15.6634697},
  130.                         });
  132.                         setMarkers(map);
  133.                     }
  136.                     function setMarkers(map) {
  138.                         const image = {
  139.                             url: "{{ asset('img/icon-dealer.png') }}",
  140.                             // This marker is 20 pixels wide by 32 pixels high.
  141.                             size: new google.maps.Size(40, 40),
  142.                             // The origin for this image is (0, 0).
  143.                             origin: new google.maps.Point(0, 0),
  144.                             // The anchor for this image is the base of the flagpole at (0, 32).
  145.                             anchor: new google.maps.Point(0, 40),
  146.                         };
  148.                         const dealers = [
  149.                             {
  150.                                 id: {{ dealer.id }},
  151.                                 name: "{{ dealer.name }}",
  152.                                 city: "{{ dealer.city }}",
  153.                                 street: "{{ dealer.street }}",
  154.                                 lat: {{ dealer.lat }},
  155.                                 lng: {{ dealer.lng }}
  156.                             }
  157.                         ];
  159.                         const markers = [];
  161.                         for (let i = 0; i < dealers.length; i++) {
  163.                             const dealer = dealers[i];
  165.                             const marker = new google.maps.Marker({
  166.                                 position: {lat: dealer.lat, lng: dealer.lng},
  167.                                 map,
  168.                                 icon: image,
  169.                                 title: dealer.name + ' ' + dealer.city,
  170.                                 zIndex: dealer.id,
  171.                             });
  173.                             marker.addListener("click", () => {
  174.                                 const infowindow = new google.maps.InfoWindow({
  175.                                     content: '<div style="width: 350px; overflow: hidden">' +
  176.                                         '<b>'+dealer.name+'</b><br>'+dealer.city+', '+dealer.street+'</div>',
  177.                                 });
  178.                                 google.maps.event.addListener(map, 'click', function() {
  179.                                     infowindow.close();
  180.                                 });
  181.                                 infowindow.open({
  182.                                     anchor: marker,
  183.                                     map,
  184.                                 });
  185.                             });
  187.                             markers.push(marker);
  189.                         }
  191.                     }
  193.                     window.initMap = initMap;
  195.                 </script>
  197.         </div>
  199.         <div>
  200.             <article class="opening">
  201.                 <h2 class="opening__title">
  202.                     <i class="icon icon-hours"></i>
  203.                     Provozní doba
  204.                 </h2>
  205.                 <div class="opening__schedule">
  206.                     {% for t in  openTime %}
  207.                     <div>{{ t.day.value }}</div>
  208.                     <div>{{ t.description }}</div>
  209.                     {% endfor %}
  210.                 </div>
  211.                 {% if dealer.openingHoursNote %}
  212.                 <div class="opening__info">{{ dealer.openingHoursNote }}</div>
  213.                 {% endif %}
  214.             </article>
  216.         </div>
  217.     </section>
  220. <section class="grid grid--gap40 grid--padding40">
  221.     <div>
  222.         <div id="adform_squarem"></div>
  224.         {% if dealer.dealerImages|length > 1 %}
  225.         <section class="gallery gallery--columns3 js-gallery">
  226.             {% for g  in  dealer.dealerImages %}
  227.                 <a   {% if  loop.index > 3 %} style="display: none"   {% endif %}
  228.                         class="gallery__item" href="{{ asset('img-dealer/')~g.name }}" title="{{ dealer.name }}">
  229.                     <img
  230.                             src="{{ asset('img-dealer/')~g.name    }}"
  231.                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  232.                                 src: asset('img-dealer/')~g.name
  233.                             }) }}
  234.                             width="200"
  235.                     >
  236.                 </a>
  237.             {% endfor %}
  239.             {% if  dealer.dealerImages|length > 3 %}
  240.             <div class="gallery__show">
  241.                 <i class="icon icon-camera"></i>
  242.                 + {{ dealer.dealerImages|length - 3 }}
  243.             </div>
  244.             {% endif%}
  249.         </section>
  250.         {% endif %}
  252.         <!-- The Gallery as lightbox dialog, should be a document body child element -->
  253.         <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" aria-label="image gallery"
  254.              aria-modal="true" role="dialog">
  255.             <div class="slides" aria-live="polite"></div>
  256.             <h3 class="title"></h3>
  257.             <a class="prev" aria-controls="blueimp-gallery" aria-label="previous slide" aria-keyshortcuts="ArrowLeft"></a>
  258.             <a class="next" aria-controls="blueimp-gallery" aria-label="next slide" aria-keyshortcuts="ArrowRight"></a>
  259.             <a class="close" aria-controls="blueimp-gallery" aria-label="close" aria-keyshortcuts="Escape"></a>
  260.             <ol class="indicator"></ol>
  261.         </div>
  263.         {% if hasVehicleImport %}
  264.             <h2 class="grid__title">Novinky z nabídky</h2>
  266.             {% for v in vehicles %}
  267.                 {% include 'vehicle/_vehicle.html.twig' with { vehicle: v, analyticsContext: 'dealer_profile' } %}
  269.                 {% if loop.index == 1 %}
  270.                     <div id="banner-mobile-container" class="banner-mobile" data-autanet-partner-banner-placement="B04"></div>
  271.                 {%  endif %}
  273.                 {% if loop.index == 4 %}
  274.                     <div id="adform_squarem2"></div>
  275.                 {%  endif %}
  276.             {% endfor %}
  278.             <footer class="contact__footer" style="float: right">
  279.                 <a class="contact__button"
  280.                    href="{{ path('page_dealer_vehicle', { url:  dealer.url }) }}"
  281.                    data-analytics-event="dealer_profile_inventory_click"
  282.                    data-analytics-dealer-id="{{ dealer.id }}">
  283.                     <i class="icon icon-car"></i>
  284.                     Zobrazit nabídku vozidel
  285.                 </a>
  286.             </footer>
  287.         {% else %}
  288.             <h2 class="grid__title">Doporučené vozy</h2>
  290.             {% for tip in vehicleTips %}
  291.                 {% include 'vehicle/_vehicle.html.twig' with { vehicle: tip.vehicle } %}
  293.                 {% if loop.index == 1 %}
  294.                     <div id="banner-mobile-container" class="banner-mobile" data-autanet-partner-banner-placement="B04"></div>
  295.                 {% endif %}
  296.             {% endfor %}
  298.             {% if dealer.district %}
  299.             <footer class="contact__footer" style="float: right">
  300.                 <a class="contact__button" href="{{ path('page_vehicle_search', {urlKind: 'osobni-vozidla'}) }}?place={{ dealer.district.region.url }}">
  301.                     <i class="icon icon-car"></i>
  302.                     Nabídka vozidel {{ dealer.district.region.name }}
  303.                 </a>
  304.             </footer>
  305.             {% endif %}
  306.         {% endif %}
  311.     </div>
  313.     <div>
  314.         <div id="adform_halfpage"></div>
  315.         <div id="banner-container" class="banner" data-autanet-partner-banner-placement="B04"></div>
  316.     </div>
  318. </section>
  322. <script>
  323.     document.addEventListener('click', function (event) {
  324.         const link = event.target.closest(
  325.             '[data-analytics-event="dealer_profile_inventory_click"]'
  326.         );
  328.         if (!link) {
  329.             return;
  330.         }
  332.         if (
  333.             !window.AutanetAnalytics ||
  334.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  335.         ) {
  336.             return;
  337.         }
  339.         const identity = window.AutanetAnalytics.getIdentity();
  341.         if (!identity) {
  342.             return;
  343.         }
  345.         const formData = new FormData();
  346.         formData.append('event_type', 'dealer_profile_inventory_click');
  347.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  348.         formData.append('visitor_key', identity.visitorKey);
  349.         formData.append('session_key', identity.sessionKey);
  350.         formData.append('pageview_key', identity.pageviewKey);
  352.         const url = '{{ path('app_analytics_event') }}';
  354.         if (navigator.sendBeacon) {
  355.             navigator.sendBeacon(url, formData);
  356.             return;
  357.         }
  359.         fetch(url, {
  360.             method: 'POST',
  361.             body: formData,
  362.             keepalive: true
  363.         }).catch(function () {
  364.             // Analytics nesmí ovlivnit funkčnost odkazu.
  365.         });
  366.     }, true);
  367. </script>
  369. <script>
  370.     document.addEventListener('click', function (event) {
  371.         const link = event.target.closest(
  372.             '[data-analytics-event="dealer_profile_email_click"]'
  373.         );
  375.         if (!link) {
  376.             return;
  377.         }
  379.         if (
  380.             !window.AutanetAnalytics ||
  381.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  382.         ) {
  383.             return;
  384.         }
  386.         const identity = window.AutanetAnalytics.getIdentity();
  388.         if (!identity) {
  389.             return;
  390.         }
  392.         const formData = new FormData();
  393.         formData.append('event_type', 'dealer_profile_email_click');
  394.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  395.         formData.append('visitor_key', identity.visitorKey);
  396.         formData.append('session_key', identity.sessionKey);
  397.         formData.append('pageview_key', identity.pageviewKey);
  399.         const url = '{{ path('app_analytics_event') }}';
  401.         if (navigator.sendBeacon) {
  402.             navigator.sendBeacon(url, formData);
  403.             return;
  404.         }
  406.         fetch(url, {
  407.             method: 'POST',
  408.             body: formData,
  409.             keepalive: true
  410.         }).catch(function () {
  411.             // Analytics nesmí ovlivnit otevření e-mailového klienta.
  412.         });
  413.     }, true);
  414. </script>
  416. <script>
  417.     document.addEventListener('click', function (event) {
  418.         const link = event.target.closest(
  419.             '[data-analytics-event="dealer_profile_vehicle_click"]'
  420.         );
  422.         if (!link) {
  423.             return;
  424.         }
  426.         if (
  427.             !window.AutanetAnalytics ||
  428.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  429.         ) {
  430.             return;
  431.         }
  433.         const identity = window.AutanetAnalytics.getIdentity();
  435.         if (!identity) {
  436.             return;
  437.         }
  439.         const formData = new FormData();
  440.         formData.append('event_type', 'dealer_profile_vehicle_click');
  441.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  442.         formData.append('vehicle_id', link.dataset.analyticsVehicleId);
  443.         formData.append('visitor_key', identity.visitorKey);
  444.         formData.append('session_key', identity.sessionKey);
  445.         formData.append('pageview_key', identity.pageviewKey);
  447.         const url = '{{ path('app_analytics_event') }}';
  449.         if (navigator.sendBeacon) {
  450.             navigator.sendBeacon(url, formData);
  451.             return;
  452.         }
  454.         fetch(url, {
  455.             method: 'POST',
  456.             body: formData,
  457.             keepalive: true
  458.         }).catch(function () {
  459.             // Analytics nesmí ovlivnit přechod na detail vozidla.
  460.         });
  461.     }, true);
  462. </script>
  464. <script>
  465.     document.addEventListener('click', function (event) {
  466.         const link = event.target.closest(
  467.             '[data-analytics-event="dealer_profile_phone_click"]'
  468.         );
  470.         if (!link) {
  471.             return;
  472.         }
  474.         if (
  475.             !window.AutanetAnalytics ||
  476.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  477.         ) {
  478.             return;
  479.         }
  481.         const identity = window.AutanetAnalytics.getIdentity();
  483.         if (!identity) {
  484.             return;
  485.         }
  487.         const formData = new FormData();
  488.         formData.append('event_type', 'dealer_profile_phone_click');
  489.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  490.         formData.append('visitor_key', identity.visitorKey);
  491.         formData.append('session_key', identity.sessionKey);
  492.         formData.append('pageview_key', identity.pageviewKey);
  494.         const url = '{{ path('app_analytics_event') }}';
  496.         if (navigator.sendBeacon) {
  497.             navigator.sendBeacon(url, formData);
  498.             return;
  499.         }
  501.         fetch(url, {
  502.             method: 'POST',
  503.             body: formData,
  504.             keepalive: true
  505.         }).catch(function () {
  506.             // Analytics nesmí ovlivnit funkčnost telefonního odkazu.
  507.         });
  508.     }, true);
  509. </script>
  511. <script>
  512.     document.addEventListener('click', function (event) {
  513.         const link = event.target.closest(
  514.             '[data-analytics-event="dealer_profile_website_click"]'
  515.         );
  517.         if (!link) {
  518.             return;
  519.         }
  521.         if (
  522.             !window.AutanetAnalytics ||
  523.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  524.         ) {
  525.             return;
  526.         }
  528.         const identity = window.AutanetAnalytics.getIdentity();
  530.         if (!identity) {
  531.             return;
  532.         }
  534.         const formData = new FormData();
  535.         formData.append('event_type', 'dealer_profile_website_click');
  536.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  537.         formData.append('visitor_key', identity.visitorKey);
  538.         formData.append('session_key', identity.sessionKey);
  539.         formData.append('pageview_key', identity.pageviewKey);
  541.         const url = '{{ path('app_analytics_event') }}';
  543.         if (navigator.sendBeacon) {
  544.             navigator.sendBeacon(url, formData);
  545.             return;
  546.         }
  548.         fetch(url, {
  549.             method: 'POST',
  550.             body: formData,
  551.             keepalive: true
  552.         }).catch(function () {
  553.             // Analytics nesmí ovlivnit funkčnost odkazu.
  554.         });
  555.     }, true);
  556. </script>
  558. <script>
  559.     document.addEventListener('click', function (event) {
  560.         const link = event.target.closest(
  561.             '[data-analytics-event="dealer_profile_route_click"]'
  562.         );
  564.         if (!link) {
  565.             return;
  566.         }
  568.         if (
  569.             !window.AutanetAnalytics ||
  570.             typeof window.AutanetAnalytics.getIdentity !== 'function'
  571.         ) {
  572.             return;
  573.         }
  575.         const identity = window.AutanetAnalytics.getIdentity();
  577.         if (!identity) {
  578.             return;
  579.         }
  581.         const formData = new FormData();
  582.         formData.append('event_type', 'dealer_profile_route_click');
  583.         formData.append('dealer_id', link.dataset.analyticsDealerId);
  584.         formData.append('visitor_key', identity.visitorKey);
  585.         formData.append('session_key', identity.sessionKey);
  586.         formData.append('pageview_key', identity.pageviewKey);
  588.         const url = '{{ path('app_analytics_event') }}';
  590.         if (navigator.sendBeacon) {
  591.             navigator.sendBeacon(url, formData);
  592.             return;
  593.         }
  595.         fetch(url, {
  596.             method: 'POST',
  597.             body: formData,
  598.             keepalive: true
  599.         }).catch(function () {
  600.             // Analytics nesmí ovlivnit funkčnost odkazu.
  601.         });
  602.     }, true);
  603. </script>
  605. <script>
  606.     (function () {
  607.         const logo = document.querySelector('[data-autanet-partner-logo-l02]');
  609.         if (!logo || !('IntersectionObserver' in window)) {
  610.             return;
  611.         }
  613.         let visibleTimer = null;
  614.         let tracked = false;
  616.         const observer = new IntersectionObserver(function (entries) {
  617.             entries.forEach(function (entry) {
  618.                 if (tracked) {
  619.                     return;
  620.                 }
  622.                 if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
  623.                     if (visibleTimer !== null) {
  624.                         return;
  625.                     }
  627.                     visibleTimer = window.setTimeout(function () {
  628.                         visibleTimer = null;
  630.                         if (tracked) {
  631.                             return;
  632.                         }
  634.                         tracked = true;
  635.                         observer.disconnect();
  637.                         if (
  638.                             !window.AutanetAnalytics ||
  639.                             typeof window.AutanetAnalytics.withIdentity !== 'function'
  640.                         ) {
  641.                             return;
  642.                         }
  644.                         window.AutanetAnalytics.withIdentity(function (identity) {
  645.                             if (!identity) {
  646.                                 return;
  647.                             }
  649.                             const formData = new FormData();
  650.                             formData.append('event_type', 'logo_impression');
  651.                             formData.append('placement', 'L02');
  652.                             formData.append('partner_id', logo.dataset.autanetPartnerId);
  653.                             formData.append('dealer_id', logo.dataset.dealerId);
  654.                             formData.append(
  655.                                 'device',
  656.                                 window.matchMedia('(max-width: 766px)').matches
  657.                                     ? 'mobile'
  658.                                     : 'desktop'
  659.                             );
  660.                             formData.append('visitor_key', identity.visitorKey);
  661.                             formData.append('session_key', identity.sessionKey);
  662.                             formData.append('pageview_key', identity.pageviewKey);
  664.                             fetch('{{ path('app_analytics_event') }}', {
  665.                                 method: 'POST',
  666.                                 body: formData,
  667.                                 keepalive: true
  668.                             }).catch(function () {
  669.                                 // Analytics nesmí ovlivnit funkčnost stránky.
  670.                             });
  671.                         }, 5000);
  672.                     }, 1000);
  673.                 } else if (visibleTimer !== null) {
  674.                     window.clearTimeout(visibleTimer);
  675.                     visibleTimer = null;
  676.                 }
  677.             });
  678.         }, {
  679.             threshold: [0.5]
  680.         });
  682.         observer.observe(logo);
  683.     })();
  684. </script>
  687. <script>
  688.     if (
  689.         window.AutanetAnalytics &&
  690.         typeof window.AutanetAnalytics.withIdentity === 'function'
  691.     ) {
  692.         window.AutanetAnalytics.withIdentity(function (identity) {
  693.             if (!identity) {
  694.                 return;
  695.             }
  697.             const formData = new FormData();
  698.             formData.append('event_type', 'dealer_profile_view');
  699.             formData.append('dealer_id', '{{ dealer.id }}');
  700.             formData.append('visitor_key', identity.visitorKey);
  701.             formData.append('session_key', identity.sessionKey);
  702.             formData.append('pageview_key', identity.pageviewKey);
  704.             fetch('{{ path('app_analytics_event') }}', {
  705.                 method: 'POST',
  706.                 body: formData
  707.             }).catch(function () {
  708.                 // Analytics nesmí ovlivnit funkčnost stránky.
  709.             });
  710.         }, 5000);
  711.     }
  712. </script>
  714. {% endblock %}