src/DcSiteBundle/Resources/views/Peugeot/Car/used-car-single.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Peugeot/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'used_cars.single.title'|trans({'%car%': secondhand.fullName, '%year%': secondhand.year, '%price%': secondhand.price|price}, 'dc_peugeot') }}</title>
  5.     <meta name="description" content="{{ 'used_cars.single.description'|trans({'%car%': secondhand.fullName, '%year%': secondhand.year}, 'dc_peugeot') }}" />
  6. {% endblock %}
  8. {% block ogtagDynamicImage %}
  9.     <meta property="og:image" content="{{ absolute_url(media_url(secondhand.galleryImageOrPreview, 'reference')) }}"/>
  10. {% endblock ogtagDynamicImage %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'used_cars.single.title'|trans({'%car%': secondhand.fullName, '%year%': secondhand.year, '%price%': secondhand.price|price}, 'dc_peugeot') }}"/>
  14.     <meta property="og:description" content="{{ 'used_cars.single.description'|trans({'%car%': secondhand.fullName, '%year%': secondhand.year}, 'dc_peugeot') }}"/>
  15. {% endblock ogtagDynamic %}
  17. {% block css %}
  18.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/secondhand-catalog.css') }}" rel="stylesheet"/>
  19.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/used/used.css') }}" rel="stylesheet">
  20.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/used/used-single.css') }}" rel="stylesheet">
  21.     <link type="text/css" media="all" href="{{ asset('/bundles/dcsite/css/peugeot/used/owl.carousel.min.css') }}" rel="stylesheet">
  22.     <link type="text/css" media="all" href="{{ asset('/bundles/core/css/modules/gallery/lightgallery.css') }}" rel="stylesheet">
  23.     <style>
  24.         .characteristics-block-first .name-har {
  25.             width: auto;
  26.         }
  27.     </style>
  28. {% endblock %}
  30. {% block socialPreview %}
  31.     <img src="{{ absolute_url(media_url(secondhand.galleryImageOrPreview, 'reference')) }}" class="d-none">
  32. {% endblock %}
  34. {% block content %}
  35.     <section class="breadcrumbs__new">
  36.         <div class="container">
  37.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  38.                 <li class="marker__none" itemprop="itemListElement" itemscope
  39.                     itemtype="https://schema.org/ListItem">
  40.                     <a itemprop="item" href="{{ path('peugeot_homepage') }}">
  41.                         <span class="breadcrumbs__link" itemprop="name">Peugeot</span></a>
  42.                     <meta itemprop="position" content="1"/>
  43.                 </li>
  45.                 <div class="arrow-bcs"> ❯ </div>
  46.                 <li class="marker__none" itemprop="itemListElement" itemscope
  47.                     itemtype="https://schema.org/ListItem">
  48.                     <a itemprop="item" href="{{ path('peugeot_used_car_catalog') }}">
  49.                         <span class="breadcrumbs__link" itemprop="name">{{ 'used_cars_title'|trans({}, 'dc_lexus') }}</span></a>
  50.                     <meta itemprop="position" content="2"/>
  51.                 </li>
  53.                 <div class="arrow-bcs"> ❯ </div>
  54.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  55.                     itemtype="https://schema.org/ListItem">
  56.                     <span style="color: #837F7F;" class="breadcrumbs__link" itemprop="name">{{ secondhand.fullName }}</span>
  57.                     <meta itemprop="position" content="3"/>
  58.                 </li>
  59.             </ol>
  60.         </div>
  61.     </section>
  63.     {#    <section class="seconhand-single-head car-card-slider section-padding">#}
  64.     {#        <div class="container">#}
  65.     {#            <div class="row">#}
  66.     {#                <div class="col-md-12">#}
  67.     {#                    <h1 class="main-title-car">#}
  68.     {#                        <span>{{ secondhand.fullName }}</span>#}
  69.     {#                        <span class="light">&nbsp;{{ secondhand.year }}</span>#}
  70.     {#                    </h1>#}
  71.     {#                </div>#}
  72.     {#            </div>#}
  73.     {#            <div class="row align-items-center">#}
  74.     {#                <div class="col-sm-12  col-md-12  col-lg-8  col-xl-9">#}
  75.     {#                    <div class="tab-content custom-width-slider" id="myTabContent" style="max-width: none;">#}
  76.     {#                        <div class="tab-pane fade show active" id="exterior" role="tabpanel" aria-labelledby="exterior-tab">#}
  77.     {#                            <div id="carouselExterior" class="carousel slide" data-ride="carousel">#}
  78.     {#                                <div class="carousel-inner">#}
  79.     {#                                    {% if secondhand.gallery %}#}
  80.     {#                                        {% for img in secondhand.gallery.galleryItems %}#}
  81.     {#                                            <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" data-thumb="{{ sonata_path(img.media , 'slider') }}" data-src="{{ sonata_path(img.media, 'big') }}">#}
  82.     {#                                                <img style="visibility: hidden" data-src="{{ sonata_path(img.media , 'big') }}" alt="{{ 'car_page.buy'|trans({},'dc_base') }} {{ secondhand.fullName }}" data-sizes="100vw">#}
  83.     {#                                            </div>#}
  84.     {#                                        {% endfor %}#}
  85.     {#                                    {% endif %}#}
  86.     {#                                </div>#}
  87.     {#                                <a class="carousel-control-prev" href="#carouselExterior" role="button" data-slide="prev">#}
  88.     {#                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>#}
  89.     {#                                </a>#}
  90.     {#                                <a class="carousel-control-next" href="#carouselExterior" role="button" data-slide="next">#}
  91.     {#                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>#}
  92.     {#                                </a>#}
  93.     {#                            </div>#}
  94.     {#                        </div>#}
  95.     {#                    </div>#}
  96.     {#                </div>#}
  97.     {#                <div class="col-sm-12  col-md-12  col-lg-4  col-xl-3">#}
  98.     {#                    <div class="car-card-price-block mb-4">#}
  99.     {#                        <div class="car-card-price mb-3">#}
  100.     {#                            <span>{{ secondhand.price|price }} грн</span>#}
  101.     {#                            {% if secondhand.hasActionPrice %}#}
  102.     {#                                <b>{{ secondhand.fullPrice|price }} грн</b>#}
  103.     {#                            {%  endif %}#}
  104.     {#                        </div>#}
  105.     {#                        <div class="mb-3">#}
  106.     {#                            <button class="btn btn-red float-none js-buy-form-show" type="button" data-toggle="modal" data-target="#order-car" style="max-width: none;">#}
  107.     {#                                {{ 'car_page.buy'|trans({}, 'dc_base') }}#}
  108.     {#                            </button>#}
  109.     {#                        </div>#}
  110.     {#                        #}{#<div class="">#}
  111.     {#                            #}{#<a href="" class="btn btn-transparent">#}
  112.     {#                                #}{#тест–драйв#}
  113.     {#                            #}{#</a>#}
  114.     {#                        #}{#</div>#}
  115.     {#                    </div>#}
  116.     {#                    <div class="p-0">#}
  117.     {#                        <hr class="border-top w-100">#}
  118.     {#                        <div class="characteristics">#}
  119.     {#                            <div class="characteristics-block-first d-block float-none w-100">#}
  121.     {#                                {% if secondhand.mileage %}#}
  122.     {#                                    <div class="d-flex justify-content-between">#}
  123.     {#                                        <span class="name-har">Пробег</span>#}
  124.     {#                                        <span class="desc-har">{{ secondhand.mileage|price }} км.</span>#}
  125.     {#                                    </div>#}
  126.     {#                                {% endif %}#}
  127.     {#                                {% if secondhand.fuelType %}#}
  128.     {#                                    <div class="d-flex justify-content-between">#}
  129.     {#                                        <span class="name-har">Тип ДВС</span>#}
  130.     {#                                        <span class="desc-har">{{ secondhand.fuelTypeName(app.request.locale) }}</span>#}
  131.     {#                                    </div>#}
  132.     {#                                {% endif %}#}
  133.     {#                                {% if secondhand.bodyType %}#}
  134.     {#                                    <div class="d-flex justify-content-between">#}
  135.     {#                                        <span class="name-har">Тип кузова</span>#}
  136.     {#                                        <span class="desc-har">{{ secondhand.bodyTypeName(app.request.locale) }}</span>#}
  137.     {#                                    </div>#}
  138.     {#                                {% endif %}#}
  139.     {#                                {% if secondhand.transmissionType %}#}
  140.     {#                                    <div class="d-flex justify-content-between">#}
  141.     {#                                        <span class="name-har">Коробка передач</span>#}
  142.     {#                                        <span class="desc-har">{{ secondhand.transmissionTypeName(app.request.locale) }}</span>#}
  143.     {#                                    </div>#}
  144.     {#                                {% endif %}#}
  145.     {#                            </div>#}
  146.     {#                        </div>#}
  147.     {#                        <hr class="border-top w-100">#}
  148.     {#                    </div>#}
  149.     {#                    <div class="p-0">#}
  150.     {#                        <div class="credit-block">#}
  151.     {#                            <span class="block-btn-title ">{{ 'car_page.buy_types'|trans({}, 'dc_base') }}</span>#}
  152.     {#                            <a href="{{ path('mazda_finance_credit') }}" class="lead-magnet-loan mb-3 w-100">Кредит</a>#}
  153.     {#                            <a href="{{ path('mazda_finance_trade_in') }}" class="m-0 w-100">trade-in</a>#}
  154.     {#                        </div>#}
  155.     {#                    </div>#}
  156.     {#                </div>#}
  157.     {#            </div>#}
  158.     {#        </div>#}
  159.     {#    </section>#}
  161.     {#        <div class="line-block"></div>#}
  163.     {#        <section class="seconhand-single-table section-padding car-card__info">#}
  164.     {#            <div class="container">#}
  165.     {#                <div class="row">#}
  166.     {#                    <div class="col-md-8 col-lg-8 section-title light pb-0">#}
  167.     {#                    <span>#}
  168.     {#                        ОБ АВТОМОБИЛЕ {{ secondhand.fullName }}#}
  169.     {#                    </span>#}
  170.     {#                    </div>#}
  171.     {#                    <div class="col-lg-4 col-md-4 d-flex download-pdf justify-content-end">#}
  172.     {#                        <a class="btn-link" href="{{ path('base_used_car_to_pdf', { carId: secondhand.vehicleId }) }}" target="_blank" style="color: #4589CE; font-size: 20px;">#}
  173.     {#                            {{ 'main.download'|trans({}, 'dc_base') }} PDF#}
  174.     {#                        </a>#}
  175.     {#                    </div>#}
  176.     {#                </div>#}
  177.     {#                <div class="row">#}
  178.     {#                    <div class="col-md-12 col-lg-12">#}
  179.     {#                        <div class="panel-group car-card__accordion" id="accordion" role="tablist" aria-multiselectable="true">#}
  180.     {#                            <div class="panel panel-default">#}
  181.     {#                                <div class="panel-heading car-card__tab" role="tab" id="specifications">#}
  182.     {#                                    <h4 class="panel-title">#}
  183.     {#                                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSpecifications" aria-expanded="true" aria-controls="collapseSpecifications">#}
  184.     {#                                            <span>{{ 'car_page.options'|trans({}, 'dc_base') }}</span>#}
  185.     {#                                            <span class="tab-ico"></span>#}
  186.     {#                                        </a>#}
  187.     {#                                    </h4>#}
  188.     {#                                </div>#}
  189.     {#                                <div id="collapseSpecifications" class="panel-collapse collapse show car-card__content" role="tabpanel" aria-labelledby="specifications">#}
  190.     {#                                    <div class="panel-body table-responsive">#}
  191.     {#                                        <table class="w-100 table table-bordered">#}
  192.     {#                                            <tbody>#}
  193.     {#                                            {% if secondhand.year %}#}
  194.     {#                                                <tr>#}
  195.     {#                                                    <td style="width: 30%">{{ 'car_page.compare.year'|trans({},'dc_base') }}</td>#}
  196.     {#                                                    <td class="text-center">{{ secondhand.year }}</td>#}
  197.     {#                                                </tr>#}
  198.     {#                                            {% endif %}#}
  199.     {#                                            {% if secondhand.mileage %}#}
  200.     {#                                                <tr>#}
  201.     {#                                                    <td style="width: 30%">{{ 'form.mileage'|trans({},'dc_base') }}</td>#}
  202.     {#                                                    <td class="text-center">{{ secondhand.mileage|price }}</td>#}
  203.     {#                                                </tr>#}
  204.     {#                                            {% endif %}#}
  205.     {#                                            {% if secondhand.fuelType %}#}
  206.     {#                                                <tr>#}
  207.     {#                                                    <td>{{ 'car_page.compare.engine'|trans({},'dc_base') }}</td>#}
  208.     {#                                                    <td class="text-center">{{ secondhand.fuelTypeName(app.request.locale) }}</td>#}
  209.     {#                                                </tr>#}
  210.     {#                                            {% endif %}#}
  211.     {#                                            {% if secondhand.enginePower(app.request.locale) %}#}
  212.     {#                                                <tr>#}
  213.     {#                                                    <td>{{ 'car_page.compare.max_p'|trans({},'dc_base') }}</td>#}
  214.     {#                                                    <td class="text-center">{{ secondhand.enginePower(app.request.locale) }}</td>#}
  215.     {#                                                </tr>#}
  216.     {#                                            {% endif %}#}
  217.     {#                                            {% if secondhand.transmissionType %}#}
  218.     {#                                                <tr>#}
  219.     {#                                                    <td>{{ 'form.kpp'|trans({},'dc_base') }}</td>#}
  220.     {#                                                    <td class="text-center">{{ secondhand.transmissionTypeName(app.request.locale) }}</td>#}
  221.     {#                                                </tr>#}
  222.     {#                                            {% endif %}#}
  223.     {#                                            {% if secondhand.driveUnitType %}#}
  224.     {#                                                <tr>#}
  225.     {#                                                    <td>{{ 'form.drive_type'|trans({},'dc_base') }}</td>#}
  226.     {#                                                    <td class="text-center">{{ secondhand.driveUnitTypeName(app.request.locale) }}</td>#}
  227.     {#                                                </tr>#}
  228.     {#                                            {% endif %}#}
  229.     {#                                            {% if secondhand.bodyType %}#}
  230.     {#                                                <tr>#}
  231.     {#                                                    <td>{{ 'form.body'|trans({},'dc_base') }}</td>#}
  232.     {#                                                    <td class="text-center">{{ secondhand.bodyTypeName(app.request.locale) }}</td>#}
  233.     {#                                                </tr>#}
  234.     {#                                            {% endif %}#}
  235.     {#                                            {% if secondhand.fuelRateMixed %}#}
  236.     {#                                                <tr>#}
  237.     {#                                                    <td>{{ 'car_page.compare.t_r_mix'|trans({},'dc_base') }}</td>#}
  238.     {#                                                    <td class="text-center">{{ secondhand.fuelRateMixed }}</td>#}
  239.     {#                                                </tr>#}
  240.     {#                                            {% endif %}#}
  241.     {#                                            </tbody>#}
  242.     {#                                        </table>#}
  243.     {#                                    </div>#}
  244.     {#                                </div>#}
  245.     {#                            </div>#}
  246.     {#                            {% for group in options %}#}
  247.     {#                                <div class="panel panel-default">#}
  248.     {#                                    <div class="panel-heading car-card__tab" role="tab" id="headingType{{ group.id }}">#}
  249.     {#                                        <h4 class="panel-title">#}
  250.     {#                                            <a role="button" data-toggle="collapse" class="collapsed" data-parent="#accordion" href="#collapseType{{ group.id }}" aria-expanded="false" aria-controls="collapseType{{ group.id }}">#}
  251.     {#                                                <span>{{ group.title }}</span>#}
  252.     {#                                                <span class="tab-ico"></span>#}
  254.     {#                                            </a>#}
  255.     {#                                        </h4>#}
  256.     {#                                    </div>#}
  257.     {#                                    <div id="collapseType{{ group.id }}" class="panel-collapse collapse car-card__content" role="tabpanel" aria-labelledby="headingType{{ group.id }}">#}
  258.     {#                                        <div class="panel-body car-card__options">#}
  259.     {#                                            <ul>#}
  260.     {#                                                {% for option in group.options %}#}
  261.     {#                                                    <li>{{ option.title }}</li>#}
  262.     {#                                                {% endfor %}#}
  263.     {#                                            </ul>#}
  264.     {#                                        </div>#}
  265.     {#                                    </div>#}
  266.     {#                                </div>#}
  267.     {#                            {% endfor %}#}
  268.     {#                        </div>#}
  269.     {#                    </div>#}
  270.     {#                </div>#}
  271.     {#            </div>#}
  272.     {#        </section>#}
  274.     {#        {% if secondhand.content(app.request.locale)|length %}#}
  275.     {#            <div class="line-block"></div>#}
  276.     {#            <section class="indent seo">#}
  277.     {#                <div class="container">#}
  278.     {#                    <div class="row row-custom">#}
  279.     {#                        <div class="col-12">#}
  280.     {#                            <div class="seo__title light">{{ 'pages.car_card.about_title'|trans({}, 'dc_base') }} {{ secondhand.fullName }}</div>#}
  281.     {#                        </div>#}
  282.     {#                        <div class="col-12">#}
  283.     {#                            <div class="seo__text">{{ secondhand.content(app.request.locale)|raw }}</div>#}
  284.     {#                        </div>#}
  285.     {#                    </div>#}
  286.     {#                </div>#}
  287.     {#            </section>#}
  288.     {#        {% endif %}#}
  290.     {#    {% set model = secondhand %}#}
  291.     {#    {% include '@DcSiteBundle/Modules/n-buy-car-popup.html.twig' %}#}
  292.     <section class="news bg-white">
  293.         <div class="container p-0 bg-white">
  294.             <section class="car-item">
  295.                 <div class="container bg-white">
  296.                     <div class="row">
  297.                         <div class="col-md-5">
  298.                             <h1 class="car-item__header">{{ secondhand.fullName }} {{ secondhand.year }}</h1>
  299.                             {% include '@DcSite/Modules/car/gallery-carousel.html.twig' %}
  300.                             <div class="slider-nav">
  301.                                 <div class="thumbs d-flex justify-content-between flex-wrap">
  302.                                     {% for key, image_path in gallary %}
  303.                                         {% if key <= 7 %}
  304.                                             <div class="thumb" style="background-image: url('{{ image_path }}')"></div>
  305.                                         {% endif %}
  306.                                     {% endfor %}
  307.                                 </div>
  308.                             </div>
  309.                              {% include '@DcSite/Modules/location-widget/location-widget.html.twig' %}
  310.                         </div>
  311.                         <div class="col-md-7">
  312.                             <div class="car-item__price-block">
  313.                                 <div class="car-item__price-prices">
  314.                                     <span class="car-item__price--value"><b style="font-weight: 700">₴ {{ secondhand.price|price }} {{'used_cars.uah'|trans({}, 'dc_base')}}</b></span>
  316.                                     {% if creditPayment %}
  317.                                         <span class="car-item__price--value" style="color:#B9B9B9">
  318.                                             {{'used_cars.credit'|trans({}, 'dc_base')}}
  319.                                             <b style="font-weight:400;color:#101010;">{{ creditPayment|price }} {{'used_cars.per_month'|trans({}, 'dc_base')}}</b>
  320.                                         </span>
  321.                                     {% endif %}
  322.                                 </div>
  323.                                 <a href="#" type="button" class="btn car-item__buy-button" data-toggle="modal" data-target="#exampleModal2">{{'used_cars.btn_buy'|trans({}, 'dc_base')}}</a>
  324.                             </div>
  325.                             <div class="car-item__table-desc">
  326.                                 <table class="table w-100 mt-4">
  327.                                     <tbody>
  328.                                     <tr>
  329.                                         <td>
  330.                                             <p class="car_item__table--header">Характеристики</p>
  331.                                         </td>
  332.                                         <td>
  333.                                             <div class="d-flex flex-column justify-content-center">
  334.                                                 <p class="car_item__table--key">{{'used_cars.year_start'|trans({}, 'dc_base')}}</p>
  335.                                                 <p class="car_item__table--value">
  336.                                                     <svg class="icon" role="presentation"  width="20px" height="20px"><use xlink:href="#icon-timer"></use></svg>
  337.                                                     {{ secondhand.year }}
  338.                                                 </p>
  339.                                             </div>
  340.                                         </td>
  341.                                         <td>
  342.                                             <div class="d-flex flex-column justify-content-center">
  343.                                                 <p class="car_item__table--key">{{'used_cars.mileage'|trans({}, 'dc_base')}}</p>
  344.                                                 <p class="car_item__table--value">
  345.                                                     <svg class="icon" role="presentation" width="20" height="15"><use xlink:href="#icon-traced"></use></svg>
  346.                                                     {{ secondhand.mileage|price }} км
  347.                                                 </p>
  348.                                             </div>
  349.                                         </td>
  350.                                         <td></td>
  351.                                     </tr>
  352.                                     <tr>
  353.                                         <td>
  354.                                             <p class="car_item__table--header">{{'used_cars.body'|trans({}, 'dc_base')}}</p>
  355.                                         </td>
  356.                                         <td>
  357.                                             <p class="car_item__table--key">Тип кузова</p>
  358.                                             <p class="car_item__table--value">
  359.                                                 <svg class="icon" role="presentation" width="20" height="7"><use xlink:href="#icon-car"></use></svg>
  360.                                                 {{ secondhand.bodyTypeName(app.request.locale) }}
  361.                                             </p>
  362.                                         </td>
  363.                                         <td>
  364.                                             <p class="car_item__table--key">{{'used_cars.seats_сount'|trans({}, 'dc_base')}}, шт</p>
  365.                                             <p class="car_item__table--value">
  366.                                                 <svg class="icon" role="presentation" width="16" height="19"><use xlink:href="#icon-place"></use></svg>
  367.                                                 {{ secondhand.seatsCount }}
  368.                                             </p>
  369.                                         </td>
  370.                                         <td>
  371.                                             <p class="car_item__table--key">{{'used_cars.doors_count'|trans({}, 'dc_base')}}, шт</p>
  372.                                             <p class="car_item__table--value">
  373.                                                 <svg class="icon" role="presentation" width="16" height="13"><use xlink:href="#icon-door"></use></svg>
  374.                                                 {{ secondhand.doorsCount(app.request.locale) }}
  375.                                             </p>
  376.                                         </td>
  377.                                     </tr>
  378.                                     <tr>
  379.                                         <td>
  380.                                             <p class="car_item__table--header">{{'used_cars.engine_head'|trans({}, 'dc_base')}}</p>
  381.                                         </td>
  382.                                         <td>
  383.                                             <p class="car_item__table--key">{{'used_cars.fuel_type'|trans({}, 'dc_base')}}</p>
  384.                                             <p class="car_item__table--value">
  385.                                                 <svg class="icon" role="presentation" width="14" height="17"><use xlink:href="#icon-fuel"></use></svg>
  386.                                                 {{ secondhand.fuelTypeName(app.request.locale) }}
  387.                                             </p>
  388.                                         </td>
  389.                                         <td>
  390.                                             <p class="car_item__table--key">{{'used_cars.engine_volume'|trans({}, 'dc_base')}} (см.куб.)</p>
  391.                                             <p class="car_item__table--value">
  392.                                                 <svg class="icon" role="presentation" width="16" height="13"><use xlink:href="#icon-engine"></use></svg>
  393.                                                 {{ secondhand.engineVolume(app.request.locale) }}
  394.                                             </p>
  395.                                         </td>
  396.                                         <td>
  397.                                             <p class="car_item__table--key">{{'used_cars.engine_power_head'|trans({}, 'dc_base')}} ({{'used_cars.engine_power'|trans({}, 'dc_base')}})</p>
  398.                                             <p class="car_item__table--value">
  399.                                                 <svg class="icon" role="presentation" width="16" height="13"><use xlink:href="#icon-speed"></use></svg>
  400.                                                 {{ secondhand.enginePower(app.request.locale) }}
  401.                                             </p>
  402.                                         </td>
  403.                                     </tr>
  404.                                     <tr>
  405.                                         <td>
  406.                                             <p class="car_item__table--header">{{'used_cars.transmission'|trans({}, 'dc_base')}}</p>
  407.                                         </td>
  408.                                         <td>
  409.                                             <p class="car_item__table--key">{{'used_cars.drive_type'|trans({}, 'dc_base')}}</p>
  410.                                             <p class="car_item__table--value">
  411.                                                 <svg class="icon" role="presentation" width="10" height="14"><use xlink:href="#icon-transmission"></use></svg>
  412.                                                 {{ secondhand.driveUnitTypeName(app.request.locale) }}
  413.                                             </p>
  414.                                         </td>
  415.                                         <td>
  416.                                             <p class="car_item__table--key">Тип КПП</p>
  417.                                             <p class="car_item__table--value">
  418.                                                 <svg class="icon" role="presentation" width="16" height="17"><use xlink:href="#icon-gearbox"></use></svg>
  419.                                                 {{ secondhand.transmissionTypeName(app.request.locale) }}
  420.                                             </p>
  421.                                         </td>
  422.                                         <td></td>
  423.                                     </tr>
  424.                                     <tr>
  425.                                         <td>
  426.                                             <p class="car_item__table--header">{{'used_cars.features'|trans({}, 'dc_base')}}</p>
  427.                                         </td>
  428.                                         <td>
  429.                                             <p class="car_item__table--key">{{'used_cars.body_color'|trans({}, 'dc_base')}}</p>
  430.                                             <p class="car_item__table--value">
  431.                                                 <svg class="icon" role="presentation" width="18" height="18"><use xlink:href="#icon-layout"></use></svg>
  432.                                                 {{ secondhand.bodyColor(app.request.locale) }}
  433.                                             </p>
  434.                                         </td>
  435.                                         <td></td>
  436.                                         <td></td>
  437.                                     </tr>
  438.                                     </tbody>
  439.                                 </table>
  440.                             </div>
  441.                             <div class="car-item__option">
  442.                                 <div class="row">
  443.                                     <div class="col-md-6 d-flex align-self-stretch flex-column">
  444.                                         <a href="#" type="button" class="car-item__option--test-drive" data-toggle="modal" data-target="#consultationModal">
  445.                                             {{ 'used_cars.consultation'|trans({}, 'dc_base') }}
  446.                                         </a>
  447.                                     </div>
  448.                                     <div class="col-md-6 d-flex align-self-stretch flex-column">
  449.                                         <a href="{{ path('peugeot_finance_trade_in') }}" class="car-item__option--trade-in">TradeIn</a>
  450.                                     </div>
  451.                                     <div class="col-md-12 d-flex align-self-stretch flex-column">
  452.                                         <a href="{{ path('peugeot_finance_credit', { 'vehicleItemId': secondhand.vehicleItemId, 'model_id': secondhand.model.id, 'year': secondhand.year, 'millage': secondhand.mileage }) }}" class="car-item__option--calculate">
  453.                                             <svg class="icon mr-2 pb-1" width="22" height="26" role="presentation"><use xlink:href="#icon-calculate"></use></svg>
  454.                                             {{'used_cars.credit_calculate'|trans({}, 'dc_base')}}
  455.                                         </a>
  456.                                     </div>
  457.                                 </div>
  458.                             </div>
  460.                         </div>
  461.                     </div>
  462.                 </div>
  463.             </section>
  465.              {% if secondhand.firstYoutubeUrl is not empty %}
  466.                 <section class="section_car_video" id="videoReview">
  467.                     <div class="container">
  468.                         {% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': secondhand.firstYoutubeUrl, 'brand':secondhand.brand.name,'model':secondhand.modelName } %}
  469.                     </div>
  470.                 </section>
  471.             {% endif %}
  474.             <section class="description bg-white">
  475.                 <div class="container mt-0 mb-0 pt-4">
  476.                     <h2 class="description__header">{{'used_cars.desc'|trans({}, 'dc_base')}}</h2>
  477.                     {% if secondhand.content(app.request.locale) is empty %}
  478.                         <div class="description__text">
  479.                             {{'used_cars.desc_text'|trans({}, 'dc_base')}}
  480.                         </div>
  481.                     {% else %}
  482.                         <div class="description__text">
  483.                             <p>
  484.                                 {{ secondhand.content(app.request.locale)|raw }}
  485.                             </p>
  486.                         </div>
  487.                     {% endif %}
  488.                     {% for group in options %}
  489.                         <div class="description__label-block">
  490.                             {% for option in group.options %}
  491.                                 <span class="description__label">✓ {{ option.title }}</span>
  492.                             {% endfor %}
  493.                         </div>
  494.                     {% endfor %}
  495.                 </div>
  496.             </section>
  498.             {#    <!--  Similar Car List  -->#}
  499.             {% if similarCars  %}
  500.                 <div class="container car-list pt-5 mb-5">
  501.                     <h2 class="car-list__header pb-3">{{'used_cars.similar_title'|trans({}, 'dc_base')}}</h2>
  502.                     <div class="row">
  503.                         {% for i, car in similarCars %}
  504.                             <div class="col-md-4">
  505.                                 <div class="car-list__item">
  506.                                     <div class="owl-carousel">
  507.                                         {% for y, path in car.gallery %}
  508.                                             <div class="item">
  509.                                                 <div class="car-list__picture-box" style="background-image: url('{{ path }}')"></div>
  510.                                             </div>
  511.                                         {% endfor %}
  512.                                     </div>
  513.                                     <h2 class="car-list__car--title pl-2 pr-2">{{ car.vehicle.fullName }}</h2>
  514.                                     <div class="car-list__price mt-4 d-flex justify-content-between pl-2 pr-2">
  515.                                         <p>
  516.                                             <span class="car-list__price--key">{{'used_cars.price'|trans({}, 'dc_base')}}:</span>
  517.                                             <span class="car-list__price--value"><b>₴ {{ car.vehicle.price|price }}</b></span>
  518.                                         </p>
  520.                                         {% if car.creditPayment %}
  521.                                         <p>
  522.                                             <span class="car-list__price--key">{{'used_cars.credit'|trans({}, 'dc_base')}}:</span>
  523.                                             <span class="car-list__price--value">{{ car.creditPayment|price}} {{'used_cars.per_month'|trans({}, 'dc_base')}}</span>
  524.                                         </p>
  525.                                         {% endif %}
  526.                                     </div>
  527.                                     <hr class="mt-0">
  528.                                     <div class="car-list__option-block d-flex justify-content-between text-center pl-2 pr-2">
  529.                                         {#                        <div class="car-list__option-year">#}
  530.                                         {#                            <p class="mb-2"><img src="{{ asset('bundles/dcsite/img/mazda/used/icons/time.png') }}" alt="year"></p>#}
  531.                                         {#                            <p class="car-list__option--key m-0">{{ car.vehicle.year }} рік</p>#}
  532.                                         {#                            <p class="car-list__option--value m-0">{{ (car.vehicle.mileage/1000)|round }} тис. км</p>#}
  533.                                         {#                        </div>#}
  534.                                         <div class="car-list__option-fuel">
  535.                                             <p class="mb-2"><img src="{{ asset('bundles/dcsite/img/mazda/used/icons/fuel-icon.png') }}" alt="fuel"></p>
  536.                                             <p class="car-list__option--key m-0">Бензин</p>
  537.                                             <p class="car-list__option--value m-0">{{ (car.vehicle.engineVolume(app.request.locale)/1000)|round(1, 'floor') }} V</p>
  538.                                         </div>
  539.                                         <div class="car-list__option-drive">
  540.                                             <p class="mb-2"><img src="{{ asset('bundles/dcsite/img/mazda/used/icons/drive-icon.png') }}" alt="drive"></p>
  541.                                             <p class="car-list__option--key m-0">{{car.vehicle.driveUnitTypeName(app.request.locale)}}</p>
  542.                                             <p class="car-list__option--value m-0">{{ car.vehicle.enginePower(app.request.locale)}} {{'used_cars.engine_power'|trans({}, 'dc_base')}}</p>
  543.                                         </div>
  544.                                         <div class="car-list__option-transmission">
  545.                                             <p class="mb-2"><img src="{{ asset('bundles/dcsite/img/mazda/used/icons/transmission-icon.png') }}" alt="transmission"></p>
  546.                                             <p class="car-list__option--key m-0">{{ car.vehicle.transmissionTypeName(app.request.locale) }}</p>
  547.                                             <p class="car-list__option--value m-0">{{ car.vehicle.bodyTypeName(app.request.locale) }}</p>
  548.                                         </div>
  549.                                     </div>
  550.                                     <div>
  551.                                         <a href="{{ car.link }}" class="btn btn-lg car-list__item--button">{{'used_cars.btn_detail'|trans({}, 'dc_base')}}</a>
  552.                                     </div>
  553.                                 </div>
  554.                             </div>
  555.                         {% endfor %}
  556.                     </div>
  557.                 </div>
  558.             {% endif %}
  560.             {% if viewedCars %}
  561.                 <div class="pre-footer">
  562.                     <div class="container car-list">
  563.                         <h2 class="car-list__header pb-3">{{'used_cars.viewed_cars'|trans({}, 'dc_base')}}</h2>
  564.                         <div class="row">
  565.                             {% for car in viewedCars %}
  566.                                 <div class="col-md-4">
  567.                                     <a href="{{ car.link }}">
  568.                                         <div class="car-list__item">
  569.                                             <div class="item">
  570.                                                 <div class="car-list__picture-box" style="background-image: url('{{ car.image }}')"></div>
  571.                                             </div>
  572.                                             <h2 class="car-list__car--title pl-2 pr-2">{{ car.vehicle.fullName }}</h2>
  573.                                             <p class="car-list__car--description pl-2 pr-2">
  574.                                                 {{ car.vehicle.engineVolume(app.request.locale) }} см³
  575.                                                 ({{ car.vehicle.enginePower(app.request.locale) }} к.с.)
  576.                                                 {{ car.vehicle.equipmentTitle}}
  577.                                                 {{ car.vehicle.year }}</p>
  578.                                         </div>
  579.                                     </a>
  580.                                 </div>
  581.                             {% endfor %}
  582.                         </div>
  583.                     </div>
  584.                 </div>
  585.             {% endif %}
  586.             {#    <!--  End Car List  -->#}
  588.             {#    <!-- Modal -->#}
  589.             {% for key, image_path in gallary %}
  590.                 <div class="modal fade" id="modal-{{ key }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  591.                     <div class="modal-dialog modal-lg">
  592.                         <div class="modal-content">
  593.                             <div class="modal-header">
  594.                                 <h4 class="modal-title" id="exampleModalLabel">{{ secondhand.fullName }}</h4>
  595.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  596.                                     <span aria-hidden="true">&times;</span>
  597.                                 </button>
  598.                             </div>
  599.                             <div class="modal-body">
  600.                                 <div class="item">
  601.                                     <img src="{{ image_path }}" alt="peugeot picture" class="img-fluid w-100">
  602.                                 </div>
  603.                             </div>
  604.                         </div>
  605.                     </div>
  606.                 </div>
  607.             {% endfor %}
  608.             <!-- Buy Modal -->
  609.             <div class="modal fade buy-modal" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
  610.                 <div class="modal-dialog modal-lg">
  611.                     <div class="modal-content">
  612.                         <div class="modal-header">
  613.                             <div class="container">
  614.                                 <div class="row">
  615.                                     <h4 class="modal-title" id="exampleModalLabel2">
  616.                                         {{ 'vehicles.buy_used_title'|trans({}, 'dc_base') }}
  617.                                     </h4>
  618.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  619.                                         <span aria-hidden="true">&times;</span>
  620.                                     </button>
  621.                                 </div>
  622.                             </div>
  623.                         </div>
  624.                         <div class="modal-body">
  625.                             <div class="container">
  626.                                 <h2 class="buy-modal__car--header">{{ secondhand.fullName }}</h2>
  627.                                 <p class="buy-modal__description">{{'used_cars.buy_order_desc'|trans({}, 'dc_base')}}</p>
  628.                                 <h4 class="buy-modal__form--header mb-3">{{'used_cars.contact_data'|trans({}, 'dc_base')}}</h4>
  629.                                 {{ form_start(buyForm, {attr: {class: 'forms-sm lead-form pop-up buy-modal__form', 'data-parent': 'order-car', action: path( 'form_buy_car' )} }) }}
  630.                                 <div class="forms__fieldset row">
  631.                                     <div class="col-md-4">
  632.                                         {{ form_row(buyForm.name) }}
  633.                                     </div>
  634.                                     <div class="col-md-4">
  635.                                         {{ form_row(buyForm.phone) }}
  636.                                     </div>
  637.                                     <div class="col-md-4">
  638.                                         {{ form_row(buyForm.email) }}
  639.                                     </div>
  640.                                     <div class="col-md-12">
  641.                                         <div class="form-group checkbox style-b js-form-privacy">
  642.                                             <label class="checkboxes__item-privacy">
  643.                                                 <input type="checkbox" name="{{ buyForm.privacy.vars.full_name }}" value="{{ buyForm.privacy.vars.value }}" id="{{ buyForm.privacy.vars.id }}"/>
  644.                                                 <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  645.                                                 <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  646.                                             </label>
  647.                                         </div>
  648.                                     </div>
  649.                                 </div>
  650.                                 <div style="display:none;">
  651.                                     {{ form_rest(buyForm) }}
  652.                                 </div>
  653.                                 <button type="submit" class="btn buy-modal__form--button mt-4">{{ 'base.buttons.send'|trans({}, 'dc_toyota_od') }}</button>
  654.                                 {{ form_end(buyForm) }}
  655.                             </div>
  656.                         </div>
  657.                     </div>
  658.                 </div>
  659.             </div>
  660.             <!-- End Buy Modal -->
  662.             <!-- Consultation Modal -->
  663.             <div class="modal fade buy-modal" id="consultationModal" tabindex="-1" aria-labelledby="consultationModal" aria-hidden="true">
  664.                 <div class="modal-dialog modal-lg">
  665.                     <div class="modal-content">
  666.                         <div class="modal-header">
  667.                             <div class="container">
  668.                                 <div class="row">
  669.                                     <h4 class="modal-title" id="consultationModalLabel">
  670.                                         {{ 'used_cars.order_consultation'|trans({}, 'dc_base') }}
  671.                                     </h4>
  672.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  673.                                         <span aria-hidden="true">&times;</span>
  674.                                     </button>
  675.                                 </div>
  676.                             </div>
  677.                         </div>
  678.                         <div class="modal-body">
  679.                             <div class="container">
  680.                                 <h2 class="buy-modal__car--header">{{ secondhand.fullName }}</h2>
  681.                                 <p class="buy-modal__description">{{'used_cars.buy_order_desc'|trans({}, 'dc_base')}}</p>
  682.                                 <h4 class="buy-modal__form--header mb-3">{{'used_cars.contact_data'|trans({}, 'dc_base')}}</h4>
  683.                                 {{ form_start(consultationForm, {attr: {class: 'forms-sm lead-form pop-up buy-modal__form', 'data-parent': 'order-car', action: path( 'form_buy_car' )} }) }}
  684.                                 <div class="forms__fieldset row">
  685.                                     <div class="col-md-4">
  686.                                         {{ form_row(consultationForm.name) }}
  687.                                     </div>
  688.                                     <div class="col-md-4">
  689.                                         {{ form_row(consultationForm.phone) }}
  690.                                     </div>
  691.                                     <div class="col-md-4">
  692.                                         {{ form_row(consultationForm.email) }}
  693.                                     </div>
  694.                                     <div class="col-12">
  695.                                         <div class="form-group checkbox style-b js-form-privacy">
  696.                                             <label class="checkboxes__item-privacy">
  697.                                                 <input type="checkbox" name="{{ consultationForm.privacy.vars.full_name }}" value="{{ consultationForm.privacy.vars.value }}" id="{{ consultationForm.privacy.vars.id }}"/>
  698.                                                 <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  699.                                                 <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  700.                                             </label>
  701.                                         </div>
  702.                                     </div>
  703.                                 </div>
  704.                                 <div style="display:none;">
  705.                                     {{ form_rest(consultationForm) }}
  706.                                 </div>
  707.                                 <button type="submit" class="btn buy-modal__form--button mt-4">{{ 'base.buttons.send'|trans({}, 'dc_toyota_od') }}</button>
  708.                                 {{ form_end(consultationForm) }}
  709.                             </div>
  710.                         </div>
  711.                     </div>
  712.                 </div>
  713.             </div>
  714.             <!-- End Consultation Modal -->
  716.             <!-- SVG Иконки -->
  717.             <svg width="0" height="0" class="hidden">
  718.                 <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" id="icon-timer">
  719.                     <path d="M10 17.875C13.797 17.875 16.875 14.797 16.875 11C16.875 7.20304 13.797 4.125 10 4.125C6.20304 4.125 3.125 7.20304 3.125 11C3.125 14.797 6.20304 17.875 10 17.875Z" stroke="#00A3E0" stroke-width="2" stroke-miterlimit="10"/>
  720.                     <path d="M10 11L13.0936 7.9064" stroke="#00A3E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  721.                     <path d="M8.125 1.625H11.875" stroke="#00A3E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  722.                 </symbol>
  723.                 <symbol viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-traced">
  724.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M4.80206 0.0699601C4.76986 0.102123 4.67264 0.334937 4.58594 0.587243C2.36269 7.05987 -0.0334736 14.1698 0.000354067 14.1937C0.0810857 14.2507 2.32236 14.2304 2.37069 14.1721C2.46048 14.0639 5.87362 0.125636 5.82473 0.0667518C5.7574 -0.0143859 4.88364 -0.0116244 4.80206 0.0699601ZM6.87619 0.0825083C6.7981 0.171605 3.372 14.0713 3.40615 14.1603C3.43933 14.2468 8.43096 14.2602 8.49931 14.174C8.52148 14.1461 8.56826 13.7061 8.60335 13.1964C8.68404 12.0232 8.50771 12.1537 10.0122 12.1537C11.5152 12.1537 11.339 12.0233 11.4202 13.1956C11.4555 13.7058 11.5026 14.1461 11.5248 14.174C11.5933 14.26 16.585 14.2468 16.6181 14.1605C16.6521 14.0719 13.2257 0.171565 13.148 0.0825083C13.0519 -0.0275028 6.97255 -0.0275028 6.87619 0.0825083ZM14.1997 0.0666706C14.1507 0.125717 17.5633 14.0632 17.6532 14.1716C17.7196 14.2516 19.9316 14.2488 19.9981 14.1686C20.0344 14.1249 19.5522 12.6669 17.8055 7.53914C16.574 3.9238 15.5027 0.777986 15.425 0.548461C15.3472 0.318977 15.2566 0.104234 15.2236 0.0713001C15.1409 -0.0114621 14.2678 -0.0154417 14.1997 0.0666706ZM10.4174 0.213109C10.4948 0.262043 10.6386 2.03156 10.5718 2.11298C10.5425 2.14876 10.3773 2.16374 10.0122 2.16374C9.34951 2.16374 9.39662 2.25268 9.47889 1.15663C9.55759 0.108498 9.52137 0.175138 10.0122 0.175138C10.202 0.175138 10.3844 0.192195 10.4174 0.213109ZM10.7333 4.20437C10.7968 4.28368 10.9126 6.02518 10.8586 6.09023C10.7936 6.16857 9.22951 6.16707 9.16441 6.08861C9.10946 6.02242 9.2265 4.28604 9.2914 4.20437C9.34886 4.13209 10.6753 4.13209 10.7333 4.20437ZM11.019 8.1841C11.0885 8.26796 11.2065 9.99321 11.1476 10.0643C11.1071 10.1131 10.9121 10.1232 10.0122 10.1232C8.67385 10.1232 8.80952 10.2451 8.89558 9.12011C8.97976 8.01918 8.85058 8.13334 10.0122 8.13334C10.7344 8.13334 10.9875 8.14609 11.019 8.1841Z" fill="#00A3E0"/>
  725.                 </symbol>
  726.                 <symbol viewBox="0 0 20 7" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-car">
  727.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M9.86362 0.00631859C11.0031 0.0660217 11.5251 0.158982 11.7267 0.338091C12.084 0.65554 14.4252 2.04474 14.6029 2.04474C14.6325 2.04474 14.6884 2.01429 14.7273 1.97705L14.798 1.90935L15.2796 1.96685C17.0758 2.18127 18.3768 2.48219 19.1472 2.86142C19.6333 3.10074 19.9328 3.60759 19.9971 4.29986C20.0199 4.54468 19.9209 4.5858 19.1839 4.63774C18.9077 4.6572 18.8851 4.66987 18.9149 4.7885C18.9677 4.99884 19.2271 5.14549 19.5865 5.16821C20.1839 5.20602 19.7841 5.43827 18.8431 5.60008C18.1836 5.71347 18.1678 5.71039 18.2058 5.47486C18.2906 4.9491 17.9286 4.1053 17.4693 3.75787C16.1456 2.75649 14.3839 3.59777 14.282 5.2799C14.2629 5.59579 14.2335 5.66218 14.1225 5.64012C13.9761 5.61104 12.9131 5.57523 11.4789 5.55107C7.64313 5.48645 6.30377 5.44721 6.24219 5.39763C6.22694 5.38536 6.20681 5.27376 6.19744 5.14965C6.11377 4.04118 5.08983 3.19625 4.01124 3.34561C3.13758 3.46659 2.37519 4.1953 2.3093 4.97239C2.27977 5.32067 2.28048 5.32032 1.71956 5.25075C0.279945 5.07216 0.144587 5.01512 0.113934 4.5741C0.10582 4.45703 0.0760689 4.25012 0.0478706 4.11431C-0.018219 3.79616 -0.016716 3.70886 0.0576134 3.54075C0.110378 3.42149 0.130913 3.34037 0.18671 3.03087C0.200508 2.95431 0.297251 2.92709 0.610142 2.91166C1.22686 2.88126 1.29738 2.77828 1.00097 2.34105C0.867537 2.14421 0.794285 2.09189 0.624115 2.07181C0.0222511 2.00086 0.562208 1.72937 1.47413 1.64442C2.11101 1.58512 2.32207 1.53035 2.73882 1.31633C3.69725 0.824131 3.91805 0.716044 4.15376 0.623659C5.04432 0.274657 5.6656 0.123796 6.55791 0.0398515C6.82657 0.0145829 9.5031 -0.0125891 9.86362 0.00631859ZM7.19651 0.356824C6.34882 0.405232 6.29313 0.421285 6.23425 0.634428C6.18529 0.811584 6.12261 1.79017 6.15752 1.83222C6.20513 1.8896 9.09063 1.88819 9.13827 1.83077C9.2007 1.75554 9.07183 0.504328 8.99006 0.391884C8.9132 0.286202 8.55581 0.279215 7.19651 0.356824ZM9.56936 0.407361C9.49869 0.452213 9.49701 0.421636 9.59946 0.955608C9.79497 1.97459 9.76643 1.90625 10.006 1.92881C10.2443 1.95128 12.7372 2.08987 13.272 2.1104C13.8055 2.13089 13.8205 2.12287 13.6121 1.92884C13.0717 1.42587 11.8702 0.770538 11.0532 0.533178C10.4682 0.363185 9.73662 0.301178 9.56936 0.407361ZM5.50973 0.678654C4.98843 0.85596 4.37915 1.23051 4.37915 1.37365C4.37915 1.42429 4.59617 1.75629 4.67719 1.82962C4.7415 1.88782 5.67762 1.8785 5.70747 1.81935C5.73477 1.76531 5.8122 0.711035 5.79261 0.660022C5.77068 0.602874 5.72334 0.605979 5.50973 0.678654ZM18.5656 3.19673C18.2042 3.2557 18.1853 3.29264 18.3766 3.56511C18.5318 3.78602 18.4833 3.77272 19.1324 3.77272C19.7591 3.77272 19.7582 3.77305 19.6532 3.58026C19.415 3.14273 19.2511 3.08491 18.5656 3.19673ZM16.7004 3.76283C17.4974 3.97637 18.004 4.90177 17.7755 5.72642C17.3053 7.4233 14.7632 7.16788 14.6566 5.41305C14.5886 4.29204 15.6069 3.46982 16.7004 3.76283ZM4.6251 3.75877C5.16345 3.86102 5.68215 4.38858 5.79557 4.94925C6.11417 6.52427 4.26618 7.52946 3.12388 6.40246C1.96891 5.26297 2.99849 3.44979 4.6251 3.75877ZM16.0368 4.19828C15.1681 4.34038 14.8321 5.5126 15.4916 6.10044C15.915 6.47779 16.3324 6.51711 16.8278 6.22626C17.864 5.61788 17.2339 4.00249 16.0368 4.19828ZM3.8598 4.25358C3.01462 4.56554 2.87155 5.75592 3.62442 6.21213C4.51716 6.75309 5.50902 6.03593 5.3073 4.99531C5.19341 4.40769 4.46019 4.03197 3.8598 4.25358Z" fill="#00A3E0"/>
  728.                 </symbol>
  729.                 <symbol viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-place">
  730.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.42311 0.0999385C4.99494 0.316244 4.56552 1.54172 4.77645 1.94542C4.93942 2.2574 5.19285 2.39846 5.59029 2.39846C5.99585 2.39846 6.00185 2.40717 6.00185 2.99808C6.00185 3.60835 6.01148 3.59747 5.47108 3.59858C3.67139 3.60231 3.37069 3.93663 2.49023 6.9125C1.52441 10.1772 1.47311 10.5243 1.66743 12.4809C1.75892 13.4018 1.72188 13.3188 2.12624 13.5093C2.31572 13.5986 2.5871 13.7737 2.72932 13.8984C3.20671 14.3173 3.19653 14.3158 4.16653 14.1043C6.90744 13.5069 8.75634 13.4801 11.3095 14.0008C12.9075 14.3268 12.771 14.3327 13.2497 13.9164C13.4041 13.7821 13.6854 13.5991 13.8749 13.5096C14.2792 13.3187 14.2422 13.4018 14.3337 12.4809C14.5283 10.5211 14.4772 10.1763 13.5038 6.88563C12.6326 3.9405 12.3266 3.60231 10.5301 3.59858C9.98964 3.59747 9.99928 3.60835 9.99928 2.99808C9.99928 2.40717 10.0053 2.39846 10.4108 2.39846C11.3189 2.39846 11.5513 1.36717 10.8732 0.346447C10.6402 -0.00439459 10.6766 2.62947e-06 8.00056 2.62947e-06C5.62102 2.62947e-06 5.62093 2.62622e-06 5.42311 0.0999385ZM9.14649 2.45176C9.21978 2.52505 9.21978 3.47111 9.14649 3.54439C9.07072 3.62017 6.9304 3.62017 6.85463 3.54439C6.81959 3.50935 6.80133 3.32231 6.80133 2.99808C6.80133 2.67384 6.81959 2.48681 6.85463 2.45176C6.9304 2.37599 9.07072 2.37599 9.14649 2.45176ZM9.28756 5.77128C10.3368 6.03622 10.778 6.43214 11.0002 7.30811C11.3415 8.65374 11.7431 12.9845 11.545 13.1827C11.4726 13.255 10.9121 13.2532 10.8546 13.1804C10.8306 13.1499 10.7979 12.7851 10.782 12.3698C10.7137 10.5803 10.4363 8.24738 10.1778 7.28732C9.90379 6.26985 6.39923 6.1234 5.88996 7.10815C5.64114 7.58931 5.20449 11.1599 5.2028 12.7274C5.20227 13.2147 5.18557 13.236 4.80262 13.236C4.42508 13.236 4.40287 13.2101 4.40287 12.771C4.40287 10.975 4.83526 7.55555 5.15692 6.80781C5.5604 5.87001 7.62587 5.35168 9.28756 5.77128ZM0.538685 14.1795C0.00480593 14.4653 -0.0852252 14.7822 0.0655669 15.8449C0.187489 16.7038 0.23075 16.8356 0.466554 17.0661C0.717859 17.3118 3.03992 18.4688 3.13067 18.3935C3.20875 18.3286 3.24504 15.2353 3.16909 15.1159C3.15083 15.0871 3.02544 15.0223 2.89051 14.9718C2.74838 14.9186 2.52434 14.7762 2.3581 14.6332C1.74049 14.1022 1.01918 13.9224 0.538685 14.1795ZM14.4853 14.1215C14.254 14.1923 13.92 14.3952 13.643 14.6333C13.4768 14.7762 13.2527 14.9187 13.1106 14.9718C12.9757 15.0223 12.8503 15.0871 12.832 15.1159C12.756 15.2354 12.7924 18.3287 12.8706 18.3936C12.9619 18.4694 15.2875 17.3111 15.5359 17.0661C15.994 16.6143 16.1673 14.9471 15.8055 14.4737C15.5406 14.1272 14.9668 13.9741 14.4853 14.1215ZM6.76447 14.483C5.82582 14.5736 4.18768 14.8703 4.06531 14.9719C3.9807 15.0421 3.97221 18.3395 4.05643 18.4237C4.13367 18.501 11.8675 18.501 11.9447 18.4237C12.029 18.3394 12.0204 15.0421 11.9357 14.9717C11.8067 14.8647 10.1757 14.5746 9.17758 14.481C8.62083 14.4289 7.31425 14.4299 6.76447 14.483Z" fill="#00A3E0"/>
  731.                 </symbol>
  732.                 <symbol viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-door">
  733.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84412 0.144506C7.13748 0.452008 0.22404 5.76154 0.112064 6.08273C-0.0363386 6.50828 -0.037784 11.8555 0.110329 12.1806C0.31578 12.6314 0.280606 12.6294 8.00168 12.6294C13.1572 12.6294 15.3857 12.5978 15.5512 12.5224C15.9957 12.3199 16 12.2598 16 6.31747C16 0.375108 15.9957 0.315072 15.5512 0.112513C15.1816 -0.055934 8.23855 -0.0270243 7.84412 0.144506ZM14.5545 1.45103L14.5538 5.8846L2.72202 5.87072L8.4334 1.39263L14.5545 1.45103ZM14.41 7.52204V7.76295L13.0829 7.78974C13.0829 7.78974 11.7471 7.7934 11.6995 7.66929C11.5461 7.26975 11.6914 7.2262 13.0829 7.25434L14.41 7.28113V7.52204Z" fill="#00A3E0"/>
  734.                 </symbol>
  735.                 <symbol viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-fuel">
  736.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.505817 0.0546969C0.231602 0.176555 0.141907 0.393168 0.141907 0.933488C0.141907 1.48043 -0.025908 1.42674 1.68419 1.42674C3.39287 1.42674 3.227 1.4788 3.22495 0.943261C3.22284 0.386098 3.15363 0.214817 2.87262 0.0714021C2.70692 -0.0131983 0.690544 -0.0274082 0.505817 0.0546969ZM5.7691 0.213084C5.2902 0.31439 5.17406 0.429074 4.23122 1.73135C3.42292 2.84779 3.39492 2.87403 3.35887 2.54745C3.29115 1.93365 3.19109 1.89463 1.68419 1.89463C0.291803 1.89463 0.203078 1.91691 0.0565089 2.30349C-0.0349538 2.54474 -0.00802442 14.8755 0.084582 15.1514C0.353772 15.9532 1.01682 16.5669 1.78817 16.7283C2.09149 16.7918 11.6424 16.806 12.0272 16.7436C12.8706 16.6068 13.5956 16 13.895 15.1803L13.9878 14.9261V10.7151C13.9878 4.38214 14.4409 5.2914 9.82046 2.35145C6.1956 0.0449578 6.30093 0.100584 5.7691 0.213084ZM7.10049 2.56824C7.33821 2.63645 11.187 5.0943 11.3561 5.28596C11.747 5.72896 11.8634 6.18052 11.8593 7.23835C11.8562 8.00492 11.8315 8.17014 11.724 8.14199C11.6363 8.11908 5.37518 4.20566 5.27644 4.11205C5.17582 4.01671 5.17146 4.02596 5.59411 3.43833C6.18784 2.61285 6.54222 2.40816 7.10049 2.56824ZM7.11744 8.03771C9.12123 10.4055 9.60627 12.3199 8.50006 13.4947C6.87556 15.2199 4.04926 13.8456 4.4522 11.5263C4.61862 10.5683 5.26621 9.39863 6.37302 8.05684C6.76646 7.57987 6.73079 7.58081 7.11744 8.03771ZM6.34113 9.21546C5.00548 10.882 4.72711 12.1308 5.50414 12.97C5.82774 13.3196 6.5879 13.638 6.71967 13.4792C6.78961 13.3949 6.76278 8.86534 6.69229 8.85203C6.66137 8.84618 6.51896 8.99358 6.34113 9.21546Z" fill="#00A3E0"/>
  737.                 </symbol>
  738.                 <symbol viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-engine">
  739.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M3.76566 0.0493145C3.4038 0.177249 3.30311 0.624176 3.57495 0.896013C3.73554 1.0566 3.81016 1.06448 5.17344 1.06467C6.57369 1.06488 6.49997 1.05185 6.49997 1.29922C6.49997 1.54622 6.57022 1.53344 5.20469 1.53497C3.50732 1.53684 3.4063 1.57453 3.4063 2.20583C3.4063 2.51251 3.42883 2.50232 2.75044 2.50232C1.70915 2.50232 1.75008 2.42757 1.75008 4.32906C1.75008 5.95983 1.78543 5.81474 1.38828 5.81474C1.0001 5.81474 1.03454 5.96033 1.02444 4.27587C1.01598 2.86056 1.01391 2.81691 0.95129 2.73306C0.708171 2.40754 0.246619 2.43345 0.0704355 2.7825L0.000124665 2.92181V6.32235C0.000124665 10.0639 -0.0118125 9.84037 0.197933 10.0245C0.445489 10.2419 0.818606 10.1717 0.967602 9.87962C1.02901 9.75924 1.03135 9.70231 1.03135 8.33781C1.03135 6.70078 0.996383 6.84597 1.39072 6.84597C1.78493 6.84597 1.75008 6.70288 1.75008 8.32193C1.75008 10.2961 1.63915 10.1584 3.22952 10.1584C4.156 10.1584 4.27565 10.1641 4.34462 10.2116C4.38712 10.2409 4.84835 10.6217 5.36959 11.0578C5.8908 11.494 6.36891 11.8813 6.43207 11.9186L6.54685 11.9865L9.23428 11.9963C12.7978 12.0093 12.4998 12.1139 12.4998 10.8501C12.4998 10.0607 12.4988 10.0646 12.703 10.0646C12.8967 10.0646 12.9061 10.0872 12.9061 10.5532C12.9061 11.3414 12.9574 11.3786 14.0568 11.3869C15.1194 11.3949 14.9987 11.49 15.5769 10.1888L16 9.23654L15.9921 7.34596L15.9841 5.45538L15.5831 4.54915C15.0086 3.25068 15.1295 3.34583 14.0555 3.34655C12.9671 3.3473 12.9075 3.3903 12.9066 4.17572C12.906 4.67024 12.8982 4.68977 12.7005 4.68977C12.5185 4.68977 12.5066 4.6623 12.4947 4.21537C12.4766 3.53283 12.3814 3.47305 11.3108 3.4718C10.5121 3.47086 10.5936 3.56345 10.5936 2.65694C10.5936 1.49387 10.6591 1.53547 8.82648 1.53434C7.46086 1.5335 7.5312 1.54628 7.5312 1.29922C7.5312 1.05198 7.45911 1.06488 8.84211 1.06467C10.1619 1.06448 10.2661 1.05448 10.4167 0.913513C10.7254 0.624676 10.609 0.147093 10.203 0.036721C9.9958 -0.0196214 3.92706 -0.00774671 3.76566 0.0493145ZM9.5249 2.63357C9.55187 2.66053 9.5624 2.87062 9.5624 3.38152C9.5624 4.5113 9.58428 4.53305 10.7202 4.53333C11.5282 4.53355 11.4685 4.49877 11.4691 4.96945C11.4701 5.67131 11.5516 5.72099 12.7012 5.72099C13.8824 5.72099 13.9359 5.68509 13.9368 4.89133C13.9374 4.39212 13.9437 4.37728 14.1563 4.37728C14.3639 4.37728 14.3743 4.39137 14.6863 5.10035L14.9701 5.74531L14.9615 7.39717L14.9529 9.04904L14.6927 9.62715C14.352 10.384 14.3795 10.3459 14.1748 10.3459C13.9483 10.3459 13.9437 10.3356 13.9319 9.80874C13.9149 9.04745 13.8478 9.00404 12.6873 9.00307C11.4885 9.00211 11.4686 9.02085 11.4686 10.1535C11.4686 10.723 11.4598 10.8768 11.4256 10.9052C11.3941 10.9313 10.7769 10.9386 9.10535 10.9324L6.82809 10.924L5.78124 10.0475C4.53736 9.00601 4.80632 9.12716 3.7381 9.12716C3.09393 9.12716 2.84621 9.11707 2.81881 9.08967C2.76225 9.0331 2.76469 3.61748 2.82131 3.57051C2.84568 3.55026 3.10711 3.53351 3.49098 3.52761C4.32162 3.51483 4.43752 3.44114 4.43752 2.92581C4.43752 2.76934 4.45199 2.6566 4.47502 2.63357C4.52933 2.57926 9.47059 2.57926 9.5249 2.63357Z" fill="#00A3E0"/>
  740.                 </symbol>
  741.                 <symbol viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-speed">
  742.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M6.907 0.0802809C1.44088 0.859818 -1.43688 6.2031 0.718187 11.5714C1.08834 12.4934 1.16071 12.618 1.3805 12.7117C1.57161 12.7931 14.4358 12.7931 14.6269 12.7117C14.9559 12.5715 15.5879 11.0838 15.8304 9.87852C16.9485 4.32243 12.3749 -0.699495 6.907 0.0802809ZM8.86037 1.35305C12.9802 1.93889 15.5556 5.88923 14.4963 9.99774C14.3711 10.4833 14.0561 11.3033 13.9492 11.422C13.8899 11.4878 13.5558 11.4917 8.00372 11.4917C2.45033 11.4917 2.11774 11.4878 2.06173 11.422C1.98339 11.3299 1.70931 10.6517 1.55791 10.1754C0.243717 6.04035 2.95288 1.83859 7.26684 1.32114C7.57872 1.28374 8.5032 1.30226 8.86037 1.35305ZM7.72569 2.02181C7.12289 2.32983 7.32738 3.18688 8.00372 3.18688C8.68005 3.18688 8.88454 2.32983 8.28174 2.02181C8.18527 1.97254 8.06016 1.93219 8.00372 1.93219C7.94728 1.93219 7.82217 1.97254 7.72569 2.02181ZM10.294 3.2608C10.0923 3.35417 10.0337 3.45247 9.13907 5.19835C8.14814 7.13204 8.21311 7.03059 7.96608 7.03059C6.06326 7.03059 5.40091 9.71318 7.08246 10.6094C8.90008 11.5782 10.8142 9.31977 9.49958 7.75743C9.34921 7.57871 9.35455 7.56206 9.90956 6.48773C11.269 3.85624 11.2001 4.00262 11.1799 3.79136C11.1389 3.36249 10.6748 3.08455 10.294 3.2608ZM3.91902 3.8979C3.42575 4.12176 3.42153 4.79439 3.91189 5.04453C4.60432 5.39779 5.15638 4.41898 4.52896 3.95052C4.39712 3.8521 4.08026 3.82477 3.91902 3.8979ZM11.5638 3.8991C11.2402 4.04568 11.0909 4.5548 11.2923 4.82454C11.6826 5.34736 12.4449 5.1204 12.4449 4.48139C12.4449 4.01604 11.9816 3.70986 11.5638 3.8991ZM2.64642 7.7219C2.17091 7.94205 2.14849 8.5915 2.60738 8.8514C3.29754 9.2423 3.89293 8.2511 3.25436 7.77432C3.12236 7.67578 2.80514 7.64841 2.64642 7.7219ZM12.8241 7.75751C12.2088 8.0719 12.4671 8.98714 13.1548 8.92978C13.9334 8.8649 13.8833 7.66789 13.1021 7.66789C13.0457 7.66789 12.9206 7.7082 12.8241 7.75751ZM8.25864 8.36071C8.86706 8.61492 8.66531 9.57979 8.00372 9.57979C7.49674 9.57979 7.19387 8.96953 7.50101 8.56688C7.68805 8.32168 7.97699 8.24301 8.25864 8.36071Z" fill="#00A3E0"/>
  743.                 </symbol>
  744.                 <symbol viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-gearbox">
  745.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.52697 0.086125C-0.516674 0.852473 -0.506365 3.71956 1.54226 4.33259C1.74577 4.39351 1.73521 4.28274 1.74465 6.45376C1.75439 8.69406 1.75987 8.76381 1.75987 8.76381C1.75987 8.76381 1.87665 8.76381 4.75323 8.77308C6.6666 8.779 7.4926 8.8161 7.4926 8.8161C7.4926 8.8161 7.55577 11.4872 7.5104 11.5579C7.49774 11.5777 7.373 11.6378 7.2332 11.6917C4.99973 12.5521 5.48019 15.8517 7.86174 16.0082C10.3728 16.1731 11.1445 12.5558 8.78018 11.7028C8.65507 11.6576 8.53509 11.6074 8.51353 11.5911C8.45798 11.549 8.51197 8.81801 8.51197 8.81801L13.2648 8.82318C13.2648 8.82318 13.2981 11.5702 13.237 11.6037C13.2112 11.6178 13.1015 11.6637 12.9933 11.7056C10.6933 12.5967 11.336 16.0145 13.801 16.0005C16.3109 15.9863 16.845 12.4786 14.4621 11.6587C14.3673 11.6261 14.2787 11.582 14.2652 11.5608C14.2331 11.5102 14.2331 4.48396 14.2652 4.43339C14.2787 4.41212 14.3673 4.36803 14.4621 4.33541C16.8615 3.50991 16.3139 0.00710252 13.7854 0.00710252C11.3208 0.00710252 10.6935 3.39755 12.9933 4.28854C13.1015 4.33046 13.2112 4.37633 13.237 4.3905C13.2981 4.42396 13.2648 7.79771 13.2648 7.79771L8.51197 7.80281C8.51197 7.80281 8.45717 4.5007 8.50056 4.43236C8.51441 4.41049 8.63598 4.35017 8.77065 4.29832C11.0957 3.40303 10.4775 0.0114578 7.9887 0.00797985C5.52215 0.0045332 4.92265 3.41234 7.2332 4.30245C7.373 4.35631 7.49774 4.4165 7.5104 4.43624C7.55229 4.50151 7.49677 7.80281 7.49677 7.80281H2.71532C2.71532 7.80281 2.6598 4.50151 2.70169 4.43624C2.71435 4.4165 2.84087 4.35562 2.98284 4.30095C4.93713 3.54804 4.90886 0.835021 2.93904 0.0990969C2.60089 -0.0272074 1.84773 -0.034132 1.52697 0.086125ZM2.46196 0.94757C3.43764 1.13143 3.83066 2.33504 3.15812 3.07945C2.67935 3.60939 1.81411 3.62634 1.3114 3.11561C0.423198 2.21328 1.21916 0.713385 2.46196 0.94757ZM8.30094 0.9638C9.21593 1.20212 9.58667 2.27967 9.005 3.01021C8.4217 3.74278 7.26979 3.61397 6.8524 2.76947C6.37338 1.8003 7.26161 0.693081 8.30094 0.9638ZM14.242 1.00776C15.0969 1.33262 15.3399 2.42415 14.7064 3.09402C13.9786 3.86347 12.6844 3.44699 12.5139 2.38849C12.3615 1.4421 13.336 0.663503 14.242 1.00776ZM8.53898 12.6221C9.18209 12.9269 9.46265 13.6817 9.1673 14.3128C8.56649 15.5968 6.65682 15.1254 6.72459 13.7099C6.7674 12.8157 7.72983 12.2388 8.53898 12.6221ZM14.3389 12.6269C15.1957 13.0487 15.3193 14.2324 14.5659 14.8012C13.4881 15.615 12.0728 14.4682 12.628 13.2309C12.9059 12.6117 13.7225 12.3235 14.3389 12.6269Z" fill="#00A3E0"/>
  746.                 </symbol>
  747.                 <symbol viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-transmission">
  748.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.377572 0.0515131C0.00698382 0.21886 -0.0117311 0.310577 0.00354836 1.88347C0.0191512 3.48879 0.0408576 3.53353 0.804023 3.53353C1.4475 3.53353 1.58522 3.38551 1.60599 2.67174C1.61351 2.41207 1.63849 2.1769 1.66145 2.14909C1.74864 2.04354 4.02407 2.08009 4.10891 2.18838C4.1476 2.23773 4.25253 2.35144 4.34207 2.44101C4.43164 2.53055 4.54535 2.63548 4.59471 2.67417L4.68452 2.7445V6.7875V10.8305L4.59471 10.9008C4.47906 10.9914 4.1995 11.271 4.10891 11.3866C4.02407 11.4949 1.74864 11.5314 1.66145 11.4259C1.63849 11.3981 1.61351 11.1629 1.60599 10.9033C1.58522 10.1895 1.4475 10.0415 0.804023 10.0415C0.0291352 10.0415 0.0157959 10.0712 0.0157959 11.7998C0.0157959 13.5285 0.0291352 13.5582 0.804023 13.5582C1.4475 13.5582 1.58522 13.4101 1.60599 12.6964C1.61351 12.4367 1.63849 12.2015 1.66145 12.1737C1.7465 12.0708 4.02326 12.1043 4.10891 12.2098C4.3508 12.5077 4.4426 12.5906 4.62361 12.6749C4.88396 12.7961 5.13183 12.7961 5.39219 12.6749C5.5732 12.5906 5.665 12.5077 5.90688 12.2098C5.99253 12.1043 8.2693 12.0708 8.35434 12.1737C8.3773 12.2015 8.40228 12.4367 8.4098 12.6964C8.43058 13.4101 8.5683 13.5582 9.21177 13.5582C9.98666 13.5582 10 13.5285 10 11.7998C10 10.0712 9.98666 10.0415 9.21177 10.0415C8.5683 10.0415 8.43058 10.1895 8.4098 10.9033C8.40228 11.1629 8.3773 11.3981 8.35434 11.4259C8.26715 11.5314 5.99173 11.4949 5.90688 11.3866C5.81629 11.271 5.53674 10.9914 5.42109 10.9008L5.33127 10.8305V6.7875V2.7445L5.42109 2.67417C5.53674 2.58358 5.81629 2.30402 5.90688 2.18838C5.99173 2.08009 8.26715 2.04354 8.35434 2.14909C8.3773 2.1769 8.40228 2.41207 8.4098 2.67174C8.43058 3.38551 8.5683 3.53353 9.21177 3.53353C9.98666 3.53353 10 3.50382 10 1.77518C10 0.0465412 9.98666 0.0168311 9.21177 0.0168311C8.5683 0.0168311 8.43058 0.164856 8.4098 0.878626C8.40228 1.1383 8.3773 1.37351 8.35434 1.40128C8.26861 1.50504 5.99225 1.47052 5.90688 1.36417C5.46382 0.812091 5.09727 0.679507 4.62361 0.90009C4.4426 0.984369 4.3508 1.06731 4.10891 1.36518C4.02326 1.47064 1.7465 1.50419 1.66145 1.40128C1.63849 1.37351 1.61351 1.1383 1.60599 0.878626C1.59112 0.367733 1.55959 0.283615 1.31403 0.100181C1.17235 -0.00568405 0.573173 -0.0368087 0.377572 0.0515131Z" fill="#00A3E0"/>
  749.                 </symbol>
  750.                 <symbol viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-layout">
  751.                     <path d="M16.3136 10.6683C16.4426 10.0999 16.505 9.51847 16.4997 8.93565C16.4651 4.80836 13.0501 1.45881 8.9229 1.50039C7.16012 1.51882 5.46014 2.15749 4.12131 3.30434C2.78248 4.45118 1.89033 6.03292 1.60143 7.77196C1.31253 9.51101 1.64534 11.2962 2.54146 12.8144C3.43758 14.3325 4.83974 15.4865 6.50188 16.0739C6.78468 16.1735 7.08725 16.2039 7.3842 16.1624C7.68116 16.1209 7.96384 16.0088 8.20853 15.8356C8.45322 15.6623 8.6528 15.4329 8.79052 15.1665C8.92823 14.9002 9.00007 14.6047 9.00001 14.3049V14C9.00001 13.5027 9.19756 13.0258 9.54919 12.6742C9.90082 12.3225 10.3777 12.125 10.875 12.125H14.4851C14.9098 12.1253 15.3221 11.9813 15.6543 11.7167C15.9865 11.452 16.2189 11.0824 16.3136 10.6683V10.6683Z" stroke="#00A3E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  752.                     <path d="M9 5.875C9.51777 5.875 9.9375 5.45527 9.9375 4.9375C9.9375 4.41973 9.51777 4 9 4C8.48223 4 8.0625 4.41973 8.0625 4.9375C8.0625 5.45527 8.48223 5.875 9 5.875Z" fill="#00A3E0"/>
  753.                     <path d="M5.48181 7.90625C5.99958 7.90625 6.41931 7.48652 6.41931 6.96875C6.41931 6.45098 5.99958 6.03125 5.48181 6.03125C4.96404 6.03125 4.54431 6.45098 4.54431 6.96875C4.54431 7.48652 4.96404 7.90625 5.48181 7.90625Z" fill="#00A3E0"/>
  754.                     <path d="M5.48181 11.9688C5.99958 11.9688 6.41931 11.549 6.41931 11.0312C6.41931 10.5135 5.99958 10.0938 5.48181 10.0938C4.96404 10.0938 4.54431 10.5135 4.54431 11.0312C4.54431 11.549 4.96404 11.9688 5.48181 11.9688Z" fill="#00A3E0"/>
  755.                     <path d="M12.5182 7.90625C13.036 7.90625 13.4557 7.48652 13.4557 6.96875C13.4557 6.45098 13.036 6.03125 12.5182 6.03125C12.0004 6.03125 11.5807 6.45098 11.5807 6.96875C11.5807 7.48652 12.0004 7.90625 12.5182 7.90625Z" fill="#00A3E0"/>
  756.                 </symbol>
  757.                 <symbol viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-calculate">
  758.                     <path d="M17 5H5V11H17V5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  759.                     <path d="M21 24V2C21 1.44772 20.5523 1 20 1L2 1C1.44772 1 1 1.44772 1 2V24C1 24.5523 1.44772 25 2 25H20C20.5523 25 21 24.5523 21 24Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  760.                     <path d="M6 17C6.82843 17 7.5 16.3284 7.5 15.5C7.5 14.6716 6.82843 14 6 14C5.17157 14 4.5 14.6716 4.5 15.5C4.5 16.3284 5.17157 17 6 17Z" fill="white"/>
  761.                     <path d="M11 17C11.8284 17 12.5 16.3284 12.5 15.5C12.5 14.6716 11.8284 14 11 14C10.1716 14 9.5 14.6716 9.5 15.5C9.5 16.3284 10.1716 17 11 17Z" fill="white"/>
  762.                     <path d="M16 17C16.8284 17 17.5 16.3284 17.5 15.5C17.5 14.6716 16.8284 14 16 14C15.1716 14 14.5 14.6716 14.5 15.5C14.5 16.3284 15.1716 17 16 17Z" fill="white"/>
  763.                     <path d="M6 22C6.82843 22 7.5 21.3284 7.5 20.5C7.5 19.6716 6.82843 19 6 19C5.17157 19 4.5 19.6716 4.5 20.5C4.5 21.3284 5.17157 22 6 22Z" fill="white"/>
  764.                     <path d="M11 22C11.8284 22 12.5 21.3284 12.5 20.5C12.5 19.6716 11.8284 19 11 19C10.1716 19 9.5 19.6716 9.5 20.5C9.5 21.3284 10.1716 22 11 22Z" fill="white"/>
  765.                     <path d="M16 22C16.8284 22 17.5 21.3284 17.5 20.5C17.5 19.6716 16.8284 19 16 19C15.1716 19 14.5 19.6716 14.5 20.5C14.5 21.3284 15.1716 22 16 22Z" fill="white"/>
  766.                 </symbol>
  767.                 <symbol viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-info">
  768.                     <path d="M25 49C38.2548 49 49 38.2548 49 25C49 11.7452 38.2548 1 25 1C11.7452 1 1 11.7452 1 25C1 38.2548 11.7452 49 25 49Z" stroke="#00A3E0" stroke-width="2" stroke-miterlimit="10"/>
  769.                     <path d="M25 13V27" stroke="#00A3E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  770.                     <path d="M25 39C26.6569 39 28 37.6569 28 36C28 34.3431 26.6569 33 25 33C23.3431 33 22 34.3431 22 36C22 37.6569 23.3431 39 25 39Z" fill="#00A3E0"/>
  771.                 </symbol>
  772.             </svg>
  773.             <!-- End SVG Иконки -->
  774.         </div>
  775.     </section>
  776. {% endblock %}
  778. {% block pageJS %}
  779.     <script type="application/ld+json">
  780.         {{ structuredCarData|raw }}
  781.     </script>
  782.     <script>
  783.         app.onCustomEvent('appInit', function () {
  784.             app.loadJs('{{ asset('/bundles/dcsite/js/peugeot/used/owl.carousel.min.js') }}', function () {
  785.                 app.loadJs('{{ asset('/bundles/dcsite/js/peugeot/used/used-single.js') }}', function () {
  786.                     app.loadJs('{{ asset('/bundles/core/js/modules/gallery/lightgallery.js') }}', function () {
  787.                         app.loadJs('{{ asset('/bundles/dcsite/js/modules/car/gallery-carousel.js') }}');
  788.                     });
  789.                 });
  790.             });
  791.         });
  792.     </script>
  793. {% endblock pageJS %}