src/DcSiteBundle/Resources/views/Jaguar/Car/car-card.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Jaguar/base.html.twig' %}
  3. {% block title %}
  4.     <title>{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_jaguar') }}{% endif %}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description"
  9.           content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.description'|trans({}, 'dc_jaguar') }}{% endif %}"/>
  10.     {% if model.seoKeywords(app.request.locale) %}
  11.         <meta name="keywords" content="{{ model.seoKeywords(app.request.locale) }}"/>
  12.     {% endif %}
  13.     {% if model.noindexFollow %}
  14.         <meta name="robots" content="noindex, follow" />
  15.     {% endif %}
  16. {% endblock seo %}
  18. {% block ogtagDynamicImage %}
  19.     <meta property="og:image" content="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}"/>
  20. {% endblock ogtagDynamicImage %}
  22. {% block ogtagDynamic %}
  23.     <meta property="og:title" content="{% if model.seoTitle(app.request.locale) %}{{ model.seoTitle(app.request.locale) }}{% else %}{{ 'seo.main.title'|trans({}, 'dc_jaguar') }}{% endif %}"/>
  24.     <meta property="og:description" content="{% if model.seoDescription(app.request.locale) %}{{ model.seoDescription(app.request.locale) }}{% else %}{{ 'seo.main.description'|trans({}, 'dc_jaguar') }}{% endif %}"/>
  25. {% endblock ogtagDynamic %}
  27. {% block css %}
  28.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/jaguar/trade-in.css') }}">
  29.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/jaguar/modules/color.css') }}"/>
  30.     <link rel="stylesheet" media="all" href="{{ asset('/bundles/dcsite/css/jaguar/car/card-car.css') }}"/>
  31. {% endblock %}
  33. {% block socialPreview %}
  34.     <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none">
  35. {% endblock %}
  37. {% block content %}
  38.     <div style="display: none" class="breadcrumbs__shadow">
  39.         <section class="breadcrumbs__new">
  40.             <div class="container">
  41.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  42.                     <li class="marker__none" itemprop="itemListElement" itemscope
  43.                         itemtype="https://schema.org/ListItem">
  44.                         <a itemprop="item" href="{{ path('jaguar_homepage') }}">
  45.                             <span class="breadcrumbs__link" itemprop="name">Jaguar</span></a>
  46.                         <meta itemprop="position" content="1"/>
  47.                     </li>
  49.                     <div class="arrow-bcs"> ❯</div>
  50.                     <li class="marker__none" itemprop="itemListElement" itemscope
  51.                         itemtype="https://schema.org/ListItem">
  52.                         <a itemprop="item" href="{{ path('jaguar_model_lineup') }}">
  53.                                 <span class="breadcrumbs__link"
  54.                                       itemprop="name">{{ model.fullName }}
  55.                                     {% if model.hasHybrid %}
  56.                                         <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  57.                                     {% endif %}</span></a>
  58.                         <meta itemprop="position" content="2"/>
  59.                     </li>
  60.                 </ol>
  61.             </div>
  62.         </section>
  63.     </div>
  65.     <section class="breadcrumbs">
  66.         <div class="container">
  67.             <div class="row">
  68.                 <div class="col-12">
  69.                     <div class="global_breadcrumbs">
  70.                          <span class="bc_title">
  71.                             <a href="{{ path('jaguar_homepage') }}">
  72.                                Jaguar
  73.                             </a>
  74.                         </span>
  75.                         <div class="arrow-bc"></div>
  76.                         <span class="bc_title">
  77.                             <a href="{{ path('jaguar_model_lineup') }}">
  78.                                 {{ 'car.model_lineup'|trans({}, 'dc_jaguar') }}
  79.                             </a>
  80.                         </span>
  81.                         <div class="arrow-bc"></div>
  82.                         <span class="bc_title"> {{ model.fullName }}
  83.                             {% if model.hasHybrid %}
  84.                                 <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  85.                             {% endif %}</span>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </section>
  92.     <main class="new__car-car">
  94.         <section class="main-card-car section-padding" id="gallery">
  95.             <div class="container">
  96.                 <div class="row">
  97.                     <div class="col-md-12 car-name name_and_status-flex">
  98.                         <h1 class="text-uppercase">
  99.                             {{ model.slogan(app.request.locale) }} {{ model.fullName }}
  100.                             {% if model.hasHybrid %}
  101.                                 <span class="car-hybrid"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  102.                             {% endif %}
  103.                         </h1>
  105.                         {% if  model.preOrder %}
  106.                             <span class="car_status_is_new ml-3">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span>
  107.                         {% elseif  model.new %}
  108.                             <span class="car_status_is_new ml-3">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  109.                         {% endif %}
  111.                     </div>
  112.                 </div>
  113.                 <div class="row">
  114.                     <img src="{{ absolute_url(media_url(model.galleryImageOrPreview, 'reference')) }}" class="d-none"/>
  116.                     {% include '@DcSite/Modules/car/car-gallery.html.twig' %}
  118.                     <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3">
  119.                         <div class="mb30">
  120.                             {% if model.showDisabled == 1 %}
  121.                                 <div>
  122.                                     <span class="car-price mb20">{{ 'archive.title_one'|trans({}, 'dc_base') }}</span>
  123.                                     <hr>
  124.                                 </div>
  125.                             {% endif %}
  126.                             {% if model.showDisabled == 0 %}
  127.                                 <div>
  128.                                 <span class="d-block">
  129.                                     {{ 'trade_in.price'|trans({},'dc_base') }}
  130.                                 </span>
  131.                                     <span class="car-price-main">
  132.                                     {% if model.price > 0 %}
  133.                                         {{ 'main.from'|trans({}, 'dc_jaguar') }} {{ model.price|price }} {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  134.                                     {% else %}
  135.                                         {{ 'pages.base.no-price'|trans({},'dc_toyota') }}
  136.                                     {% endif %}
  137.                                 </span>
  138.                                     {% if model.hasActionPrice %}
  139.                                         <span class="car-price-old mb20">
  140.                                         {{ model.fullPrice|price }} {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  141.                                     </span>
  142.                                     {% endif %}
  143.                                     <hr>
  144.                                 </div>
  145.                                 {% if model.preorderPrice %}
  146.                                     <div>
  147.                                     <span class="d-block">
  148.                                         {{ 'pages.car_card.price_in_production'|trans({},'dc_base') }}
  149.                                     </span>
  150.                                         <span class="car-price mb20">
  151.                                         {{ 'main.from'|trans({}, 'dc_jaguar') }} {{ model.preorderPrice|price }} {{ 'main.uah'|trans({}, 'dc_jaguar')|raw }}
  152.                                     </span>
  153.                                         <hr>
  154.                                     </div>
  155.                                 {% endif %}
  156.                             {% endif %}
  157.                         </div>
  158.                         <div class="">
  159.                             {% if model.showDisabled == 0 %}
  160.                                 <button class="btn btn-primary w-100 mb-3" type="button" data-toggle="modal"
  161.                                         data-target="#order-car">{{ 'pages.car_card.btn_buy'|trans({}, 'dc_base') }}</button>
  162.                                 <a href="{{ path('jaguar_service_consultation_form_online',{ vehicleId : model.vehicleId }) }}"
  163.                                    class="btn btn-outline-primary w-100 mb20">{{ 'car_page.consultation'|trans({}, 'dc_base') }}</a>
  164.                             {% endif %}
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.             </div>
  169.         </section>
  171.         <div class="navs sticky-top" id="nav-manu">
  172.             <div class="container">
  173.                 <div class="row">
  174.                     <div class="col-md-12">
  175.                         <ul class="navs-list mobile-scroll">
  176.                             <li class="navs-list-li">
  177.                                 <a href="#gallery"
  178.                                    class="navs-list-link active">{{ 'car_page.new.gallery'|trans({}, 'dc_base') }}</a>
  179.                             </li>
  180.                             {% if model.hasInStock %}
  181.                                 <li class="navs-list-li">
  182.                                     <a href="#car-in-stock"
  183.                                        class="navs-list-link">{{ 'car_page.new.in_stock'|trans({}, 'dc_base') }}</a>
  184.                                 </li>
  185.                             {% endif %}
  186.                             {% if vehicleColor is not empty %}
  187.                                 <li class="navs-list-li">
  188.                                     <a href="#select-vehicle-color"
  189.                                        class="navs-list-link active">{{ 'car_page.new.color'|trans({}, 'dc_base') }}</a>
  190.                                 </li>
  191.                             {% endif %}
  192.                             {% if model.hasFeatures %}
  193.                                 <li class="navs-list-li">
  194.                                     <a href="#overview"
  195.                                        class="navs-list-link">{{ 'car_page.new.overview'|trans({}, 'dc_base') }}</a>
  196.                                 </li>
  197.                             {% endif %}
  198.                             <li class="navs-list-li">
  199.                                 <a href="{{ path('jaguar_card_car_configuraion', {car: model.url}) }}"
  200.                                    class="navs-list-link">{{ 'car_page.new.complectation'|trans({}, 'dc_base') }}
  201.                                     , {{ 'car_page.new.price'|trans({}, 'dc_base') }}
  202.                                     , {{ 'car_page.new.tech'|trans({}, 'dc_base') }}</a>
  203.                             </li>
  204.                             <li class="navs-list-li">
  205.                                 <a href="#accessories-block"
  206.                                    class="navs-list-link">{{ 'accessories.title'|trans({}, 'dc_toyota') }}</a>
  207.                             </li>
  208.                             {% if faqs %}
  209.                             <li class="navs-list-li">
  210.                                 <a href="#faqwrapper"
  211.                                    class="navs-list-link">{{ 'pages.car_card.nav.faq'|trans({}, 'dc_base') }}</a>
  212.                             </li>
  213.                             {% endif %}
  214.                         </ul>
  215.                     </div>
  216.                 </div>
  217.             </div>
  218.         </div>
  220.         {% if model.showDisabled != 1 %}
  221.             {% include '@DcSite/Modules/car/finance-services.html.twig' %}
  222.         {% endif %}
  224.         {% if model.hasInStock or model.showDisabled == 1 %}
  225.             {% include '@DcSite/Modules/car/card-in-stock-block.html.twig' %}
  226.             {% include '@DcSite/Modules/n-buy-in-stock-car-popup.html.twig' %}
  227.         {% endif %}
  229.         {% include '@DcSite/Modules/vehicle/vehicle-color.html.twig' %}
  231.         {% if model.hasFeatures %}
  232.             {% include '@DcSite/Modules/car/car-feature.html.twig' %}
  233.         {% endif %}
  236.         {% if model.hasAccessories %}
  237.          <section class="accessories section-padding pt-4 pb-4" id="accessories-block">
  238.             <div class="container">
  239.                 <div class="row">
  240.                     <div class="col-md-12 title mb-3">
  241.                         <span>{{ 'accessories.title'|trans({}, 'dc_toyota') }}</span>
  242.                     </div>
  243.                 </div>
  244.             </div>
  245.             {% include '@DcSite/Modules/accessories.html.twig' with { 'savePath': path('form_buy_parts') } %}
  246.         </section>
  247.         {% endif %}
  250.         <section class="lead-magnets section-padding bg-grey pb-0">
  251.             <div class="container">
  252.                 <div class="row">
  253.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  254.                         <a href="#" data-toggle="modal" data-target="#order-call" class="lead-magnets-btn">
  255.                             <div class="lead-magnets-img flexbox-wrapper">
  256.                                 <span class="wrap-icon">
  257.                                     <i class="icon-lr icon-phone"></i>
  258.                                 </span>
  259.                             </div>
  260.                             <div>
  261.                                 <span class="lead-magnets-title text-center">{{ 'main.order_call'|trans({}, 'dc_jaguar') }}</span>
  262.                                 <p class="lead-magnets-subtitle">{{ 'main.order_call_desc'|trans({}, 'dc_jaguar') }}</p>
  263.                             </div>
  264.                         </a>
  265.                     </div>
  266. {#                    <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">#}
  267. {#                        <a href="{{ path('jaguar_service_consultation') }}" class="lead-magnets-btn">#}
  268. {#                            <div class="lead-magnets-img flexbox-wrapper">#}
  269. {#                                <span class="wrap-icon">#}
  270. {#                                    <i class="icon-lr icon-ignite-drive"></i>#}
  271. {#                                </span>#}
  272. {#                            </div>#}
  273. {#                            <div>#}
  274. {#                                <span class="lead-magnets-title text-center">{{ 'main.assign_td'|trans({}, 'dc_jaguar') }}</span>#}
  275. {#                                <p class="lead-magnets-subtitle">{{ 'main.assign_td_descr'|trans({}, 'dc_jaguar') }}</p>#}
  276. {#                            </div>#}
  277. {#                        </a>#}
  278. {#                    </div>#}
  279.                     <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
  280.                         <a href="{{ path('jaguar_service_order_to') }}" class="lead-magnets-btn">
  281.                             <div class="lead-magnets-img flexbox-wrapper">
  282.                                 <span class="wrap-icon">
  283.                                     <i class="icon-lr icon-service"></i>
  284.                                 </span>
  285.                             </div>
  286.                             <div>
  287.                                 <span class="lead-magnets-title text-center">{{ 'main.assign_to'|trans({}, 'dc_jaguar') }}</span>
  288.                                 <p class="lead-magnets-subtitle">{{ 'main.assign_to_descr'|trans({}, 'dc_jaguar') }}</p>
  289.                             </div>
  290.                         </a>
  291.                     </div>
  292.                 </div>
  293.             </div>
  294.         </section>
  296.         {% if faqs %}
  297.             <section id="faqwrapper" class="faq__wrapper">
  298.                 {% include '@DcSite/Modules/car/car-faq_v3.html.twig' %}
  299.             </section>
  300.         {% endif %}
  302.         <section class="seo-block section-padding section-grey">
  303.             <div class="container">
  304.                 <div class="row">
  305.                     <div class="col-md-12 section-title text-left">
  306.                         <span>{{ 'pages.car.details_about'|trans({},'dc_nissan') }} {{ model.fullName }}</span>
  307.                         {% if model.hasHybrid %}
  308.                             <span class="car-hybrid"
  309.                                   style="color: #30A4C8;"> {{ 'base.car_cat.hubrid'|trans({}, 'dc_toyota') }}</span>
  310.                         {% endif %}
  311.                     </div>
  312.                 </div>
  313.                 <div class="row">
  314.                     <div class="col-md-12">
  315.                         <div class="seo-wrap" id="seo-content">
  316.                             {{ model.content(app.request.locale)|raw }}
  317.                             <div class="more seo-btn link-btn before-arrow">
  318.                                 {{ 'car.show_more'|trans({}, 'dc_jaguar') }}
  319.                             </div>
  320.                         </div>
  321.                     </div>
  322.                 </div>
  323.             </div>
  324.         </section>
  326.         {% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %}
  328.     </main>
  329.     {% include '@DcSite/Modules/n-buy-acc-popup.html.twig' %}
  330. {% endblock %}
  334. {% block pageJS %}
  335.     <script>
  336.         app.onCustomEvent('appInit', function () {
  337.             $('[data-toggle="tooltip"]').tooltip();
  338.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/vehicle/vehicle-color.css') }}');
  339.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/NEW_CARD_CAR/base.css') }}');
  340.             app.loadCss('{{ asset('/bundles/dcsite/css/toyota/car/new-card-car.css') }}');
  341.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/base-style/form-control.css') }}');
  343.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/gallery.js') }}', function () {
  344.                 initCarGallery({
  345.                     firstImage: '{{ webpUrl(model.getFirstGalleryImage,'new_slider') }}',
  346.                     hasVideo: '{{ model.hasVideo }}',
  347.                     loadDataUrl: '{{ path('car-card-load-gallery', {id: model.vehicleId}) }}',
  348.                     lightGalleryUrl: '{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}',
  349.                     lightGalleryCss: '{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}',
  350.                     galleryCss: '{{ asset('/bundles/core/css/bootstrap_build/carousel.css') }}',
  351.                 });
  352.             });
  354.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/vehicle/vehicle-color.js') }}', function () {
  355.                 initVehicleColors({
  356.                     vehicleColor: '{{ vehicleColor|json_encode|raw }}',
  357.                 });
  358.             });
  360.             app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/in-stock.js') }}', function () {
  361.                 initInStock({
  362.                     dataCarInStock: '{{ carInStock|json_encode_replace|raw }}',
  363.                 });
  364.             });
  366.             // -- FAQ TOGGLES --------//
  367.             $('.car-faq__title').click(function () {
  368.                 $(this).closest('.car-faq__item').toggleClass('--opened');
  369.                 $(this).next('.car-faq__content').slideToggle();
  370.             });
  372.             // table accordions
  373.             $('body').on('click', '.car-table__body-title', function () {
  374.                 $(this).toggleClass('--opened');
  375.                 $(this).next('.car-table__body').slideToggle();
  377.                 var $headerTable = $(this).closest('.car-table').find('.car-table__header');
  378.                 scrollSyncHandler.bind($headerTable)();
  379.             });
  381.             app.lazyInit.lazyInit('accessories-block', function () {
  382.                 app.loadJs('{{ asset('/bundles/dcsite/js/accessories.js') }}', function () {
  383.                     accessoriesWidget({
  384.                         dealer: {{ model.dealer.id }},
  385.                         carId: {{ model.vehicleId }},
  386.                         initUrl: '{{ path('base_accessories_widget_init') }}',
  387.                         initByDealerUrl: '{{ path('base_accessories_widget_by_dealer') }}',
  388.                         withoutModelFilter: true,
  389.                     });
  390.                 });
  391.             });
  393.             var creditInit = false;
  394.             $('#credit-services-tab').on('click', function () {
  395.                 if (!creditInit) {
  396.                     creditInit = true;
  397.                     app.loadJs('{{ asset('bundles/dcsite/js/credit.js') }}', function () {
  398.                         initCredit({
  399.                             cretidTpl: '{{ path('dc_credit_load_tpl') }}',
  400.                             initUrl: '{{ path('dc_credit_init') }}',
  401.                             brandUrl: '{{ path('dc_credit_load_brands') }}',
  402.                             byDealerUrl: '{{ path('dc_credit_init_by_dealer') }}',
  403.                             programsUrl: '{{ path('dc_credit_programs') }}',
  404.                             saveUrl: '{{ path('dc_credit_save') }}',
  405.                             privacyUrl: '{{ privacyUrl }}',
  406.                             disableCarChange: true,
  407.                             dealer: {{ model.dealer.id }},
  408.                             carId: {{ model.vehicleId }},
  409.                             variationId: {{ model.vehicleItemId }}
  410.                         });
  411.                     });
  412.                 }
  413.             });
  416.             var tiInit = false;
  417.             $('#tradein-serviceses-tab').on('click', function () {
  418.                 if (!tiInit) {
  419.                     tiInit = true;
  420.                     app.loadCss("{{ asset('/bundles/dcsite/css/modules/n-trade-in.css') }}");
  421.                     app.loadJs('{{ asset('bundles/dcsite/js/trade-in.js') }}', function () {
  422.                         initTIWidget({
  423.                             initUrl: '{{ path('dc_ti_init') }}',
  424.                             dealer: {{ model.dealer.id }},
  425.                             carId: {{ model.vehicleId }},
  426.                             variationId: {{ model.vehicleItemId }},
  427.                             agreementUrl: '{{ privacyUrl }}',
  428.                         });
  429.                     });
  430.                 }
  431.             });
  433.             var cascoInit = false;
  434.             $('#insurance-serviceses-tab').on('click', function () {
  435.                 if (!cascoInit) {
  436.                     cascoInit = true;
  437.                     app.loadJs('{{ asset('bundles/dcsite/js/casco.js') }}', function () {
  438.                         initCasco({
  439.                             initUrl: '{{ path('base_casco_init') }}',
  440.                             initByDealerUrl: '{{ path('base_casco_init_by_dealer') }}',
  441.                             optionsUrl: '{{ path('base_casco_options') }}',
  442.                             formUrl: '{{ path('base_casco_save_form') }}',
  443.                             privacyUrl: '{{ privacyUrl }}',
  444.                             dealer: {{ model.dealer.id }},
  445.                             carId: {{ model.vehicleId }},
  446.                             variationId: {{ model.vehicleItemId }},
  447.                             disableCarChange: true
  448.                         });
  449.                     });
  450.                 }
  451.             });
  453.             var costInit = false;
  454.             $('#first-reg-services-tab').on('click', function () {
  455.                 if (!costInit) {
  456.                     costInit = true;
  457.                     app.loadJs('{{ asset('bundles/dcsite/js/registration-cost.js') }}', function () {
  458.                         initRegistrationCost({
  459.                             initUrl: '{{ path('base_reg_cost_init') }}',
  460.                             carId: {{ model.vehicleId }},
  461.                         });
  462.                     });
  463.                 }
  464.             })
  466.             $(window).scroll(function () {
  467.                 var $sections = $('section');
  468.                 $sections.each(function (i, el) {
  469.                     var top = $(el).offset().top - 150 - 20;
  470.                     var bottom = top + $(el).height();
  471.                     var scroll = $(window).scrollTop();
  472.                     var id = $(el).attr('id');
  473.                     if (scroll > top && scroll < bottom) {
  474.                         $('#nav-manu a.active').removeClass('active');
  475.                         $('#nav-manu a[href="#' + id + '"]').addClass('active');
  476.                     }
  477.                 })
  478.             });
  479.             $('#nav-manu a[href^="#"]').bind("click", function (e) {
  480.                 var anchor = $(this);
  481.                 $('html, body').stop().animate({
  482.                     scrollTop: $(anchor.attr('href')).offset().top - 50
  483.                 }, 750);
  484.                 e.preventDefault();
  485.             });
  487.             $('#btnShow').on('click', function () {
  488.                 $('#textWrap').css('height', 'auto');
  489.                 $(this).hide();
  490.                 $('#btnHide').show();
  491.             });
  492.             $('#btnHide').on('click', function () {
  493.                 $('#textWrap').css('height', '200px');
  494.                 $(this).hide();
  495.                 $('#btnShow').show();
  496.             });
  498.             var readmore = function (target) {
  499.                 $("#seo-content .seo-btn").on("click", function () {
  500.                     var $this = $(this);
  501.                     if ($this.hasClass("more")) {
  502.                         $this
  503.                             .removeClass("more")
  504.                             .addClass("less")
  505.                             .text("{{ 'car.hide'|trans({}, 'dc_jaguar') }}");
  506.                         target.collapse("show");
  507.                     } else {
  508.                         $this
  509.                             .removeClass("less")
  510.                             .addClass("more")
  511.                             .text("{{ 'car.show'|trans({}, 'dc_jaguar') }}");
  512.                         target.collapse("hide");
  513.                     }
  514.                 });
  515.             };
  516.             var target = $("#seo-content p:nth-child(n+3)");
  517.             readmore(target);
  518.         });
  519.     </script>
  520.     <script type="application/ld+json">
  521.          {{ structuredData|raw }}
  522.     </script>
  523. {% endblock pageJS %}