src/AutomarketBundle/Resources/views/Catalog/catalog.html.twig line 1

Open in your IDE?
  1. {% extends '@Automarket/template.html.twig' %}
  3. {% if pageReload is not defined %}
  4.     {% set pageReload = false %}
  5. {% endif %}
  7. {% set seoParamsString = "" %}
  8. {% if breadcrumbs is defined %}
  9.     {% set seo = breadcrumbs %}
  10.     {% set seo = seo|slice(1) %}
  11.     {% for item in seo %}
  12.         {% set seoParamsString = seoParamsString ~ item.title ~ " " %}
  13.     {% endfor %}
  14. {% endif %}
  15. {% if app.request.get('type') == 'car' %}
  16.     {% set seoTypeVehicle = 'base.seo.catalog_car.h1' %}
  17. {% elseif app.request.get('type') == 'moto' %}
  18.     {% set seoTypeVehicle = 'base.seo.catalog_moto.h1' %}
  19. {% endif %}
  21. {% block head %}
  22.     {% if not pageReload %}
  23.         <meta name="robots" content="noindex">
  24.     {% endif %}
  25.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/automarket/css/automarketCatalog.css?{{ VERSION }}">
  26. {% endblock head %}
  28. {% block seo %}
  29.     {% if modelRangePage is defined and modelRangePage %}
  30.         <title>
  31.             {% if app.request.get('page') %}
  32.                 {{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}
  33.             {% endif %}
  34.             {{ modelRangePage.titleSeo(app.request.locale) }}</title>
  35.         <meta name="description" content="{{ modelRangePage.descriptionSeo(app.request.locale) }}">
  36.     {% elseif seoParamsString != "" %}
  37.         <title>
  38.             {% if app.request.get('page') %}
  39.                 {{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}
  40.             {% endif %}
  41.             {{ 'base.seo.catalog_route.title'|trans({'%params%': seoParamsString}, 'automarket_base') }}</title>
  42.         <meta name="description" content="{{ 'base.seo.catalog_route.description'|trans({'%params%': seoParamsString}, 'automarket_base') }}">
  43.     {% elseif seoTypeVehicle is defined %}
  44.         <title>
  45.             {% if app.request.get('page') %}
  46.                 {{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}
  47.             {% endif %}
  48.             {{ seoTypeVehicle|trans({}, 'automarket_base') }}</title>
  49.         <meta name="description" content="{{ seoTypeVehicle|trans({}, 'automarket_base') }}">
  50.     {% else %}
  51.         <title>{{ 'base.seo.search.title'|trans({}, 'automarket_base') }}</title>
  52.         <meta name="description" content="{{ 'base.seo.search.description'|trans({}, 'automarket_base') }}">
  53.     {% endif %}
  54. {% endblock seo %}
  55. {% block ogtagDynamic %}
  56.     {% if modelRangePage is defined and modelRangePage %}
  57.         <meta property="og:title" content="{% if app.request.get('page') %}{{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}{% endif %}{{ modelRangePage.titleSeo(app.request.locale) }}">
  58.         <meta property="og:description" content="{{ modelRangePage.descriptionSeo(app.request.locale) }}">
  59.     {% elseif seoParamsString != "" %}
  60.         <meta property="og:title" content="{% if app.request.get('page') %}{{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}{% endif %}{{ 'base.seo.catalog_route.title'|trans({'%params%': seoParamsString}, 'automarket_base') }}">
  61.         <meta property="og:description" content="{{ 'base.seo.catalog_route.description'|trans({'%params%': seoParamsString}, 'automarket_base') }}">
  62.     {% else %}
  63.         <meta property="og:title" content="{% if app.request.get('page') %}{{ 'accessories.page'|trans({'%page%':app.request.get('page')}, 'dc_base') }}{% endif %}{{ 'base.seo.catalog_' ~ app.request.get('type') ~'.title'|trans({}, 'automarket_base') }}">
  64.         <meta property="og:description" content="{{ 'base.seo.catalog_' ~ app.request.get('type') ~'.description'|trans({}, 'automarket_base') }}">
  65.     {% endif %}
  66. {% endblock ogtagDynamic %}
  68. {% block content %}
  69.     <!-- Google Tag Manager (noscript) -->
  70.     <noscript>
  71.         <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NG6MLQG" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  72.     </noscript>
  73.     <!-- End Google Tag Manager (noscript) -->
  74.     {% set isCategory = true %}
  75.     <article id="catalog">
  76.         <section class="breadcrumbs__new">
  77.             <div class="container">
  78.                 <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  79.                     <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  80.                         <a itemprop="item" href="{{ path('automarket_homepage') }}">
  81.                             <span class="breadcrumbs__link" itemprop="name">VIDI</span>
  82.                         </a>
  83.                         <meta itemprop="position" content="1"/>
  84.                     </li>
  85.                     {% if breadcrumbs is defined %}
  86.                         {% for item in breadcrumbs %}
  87.                             {% set title = item.title|split(' ') %}
  88.                             {% if item.title %}
  89.                                 <div class="arrow-bc">
  90.                                     <svg width="7" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  91.                                         <path d="M6.53033 6.53033C6.82322 6.23744 6.82322 5.76256 6.53033 5.46967L1.75736 0.696699C1.46447 0.403805 0.989593 0.403805 0.6967 0.696699C0.403806 0.989592 0.403806 1.46447 0.6967 1.75736L4.93934 6L0.696699 10.2426C0.403805 10.5355 0.403805 11.0104 0.696699 11.3033C0.989592 11.5962 1.46447 11.5962 1.75736 11.3033L6.53033 6.53033ZM5 6.75L6 6.75L6 5.25L5 5.25L5 6.75Z" fill="#A2A2A2"/>
  92.                                     </svg>
  93.                                 </div>
  94.                                 <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  95.                                     {% if(loop.index < breadcrumbs|length) %}
  97.                                         <a itemprop="item" href="{{ item.url }}">
  98.                                             <span class="breadcrumbs__link {{ title|length == 1 ? 'uppercase' : '' }}" itemprop="name">
  99.                                                 {{ item.title }}</span>
  100.                                         </a>
  102.                                     {% else %}
  103.                                         <a itemprop="item">
  104.                                             <span class="breadcrumbs__link breadcrumbs__link__item {{ title|length == 1 ? 'uppercase' : '' }}" itemprop="name">{{ item.title }}</span>
  105.                                         </a>
  106.                                     {% endif %}
  107.                                     <meta itemprop="position" content="{{ loop.index + 1 }}"/>
  108.                                 </li>
  109.                             {% endif %}
  110.                         {% endfor %}
  111.                     {% else %}
  112.                         <div class="arrow-bc">
  113.                             <svg width="7" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  114.                                 <path d="M6.53033 6.53033C6.82322 6.23744 6.82322 5.76256 6.53033 5.46967L1.75736 0.696699C1.46447 0.403805 0.989593 0.403805 0.6967 0.696699C0.403806 0.989592 0.403806 1.46447 0.6967 1.75736L4.93934 6L0.696699 10.2426C0.403805 10.5355 0.403805 11.0104 0.696699 11.3033C0.989592 11.5962 1.46447 11.5962 1.75736 11.3033L6.53033 6.53033ZM5 6.75L6 6.75L6 5.25L5 5.25L5 6.75Z" fill="#A2A2A2"/>
  115.                             </svg>
  116.                         </div>
  117.                         <li class="marker__none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  118.                             <span class="breadcrumbs__link breadcrumbs__link__item" itemprop="name">{{ 'catalog.search'|trans({},'automarket_base') }}</span>
  119.                             <meta itemprop="position" content="2"/>
  120.                         </li>
  121.                     {% endif %}
  122.                 </ol>
  123.             </div>
  124.         </section>
  125.         <section class="section__title">
  126.             <div class="container">
  127.                 <h1 class="page__title">
  128.                     {% if seoMeta.h1 %}
  129.                         {{ seoMeta.h1 }}
  130.                     {% elseif modelRangePage is defined and modelRangePage %}
  131.                         {{ modelRangePage.title(app.request.locale) }}
  132.                     {% elseif seoParamsString != "" %}
  133.                         {{ 'base.seo.catalog_route.h1'|trans({'%params%': seoParamsString}, 'automarket_base') }}
  134.                     {% elseif seoTypeVehicle is defined %}
  135.                         {{ seoTypeVehicle|trans({}, 'automarket_base') }}
  136.                     {% else %}
  137.                         {{ 'base.seo.search.h1'|trans({},'automarket_base') }}
  138.                     {% endif %}
  139.                 </h1>
  140.             </div>
  141.         </section>
  142.         <section class="section__catalog">
  143.             <div class="catalog__choice__wrapper">
  144.                 <div class="container">
  145.                     <div class="catalog__choice__container">
  146.                         <div class="choice__clear__wrapper">
  147.                             <div class="choice__clear__info">{{ 'catalog.selected'|trans({},'automarket_base') }}
  148.                                 <span v-html="countVehicle"></span>
  149.                                 {{ 'catalog.proposals'|trans({},'automarket_base') }}:</div>
  150.                             {% if not pageReload %}
  151.                                 {% if pageReload %}
  152.                                     <a class="choice__clear__btn" v-if="Object.keys(filterActual).length" href="{{ path('automarket_catalog', {'state': app.request.get('state'), 'type': app.request.get('type')}) }}">{{ 'catalog.cancel'|trans({},'automarket_base') }}</a>
  153.                                 {% else %}
  154.                                     <a class="choice__clear__btn" v-if="Object.keys(filterActual).length" href="{{ path('automarket_catalog_search') }}">{{ 'catalog.cancel'|trans({},'automarket_base') }}</a>
  155.                                 {% endif %}
  156.                             {% endif %}
  157.                         </div>
  158.                         <div class="choice__item__wrapper">
  159.                             {% if not pageReload %}
  160.                                 <template v-for="(items, index) in filterActual">
  161.                                     <template v-if="index === 'characteristic'" v-for="(char, type) in items">
  162.                                         <button class="choice__item__btn" v-for="(title, value) in char" @click="deleteSelectFilter(type, value, index)">
  163.                                             <span v-html="title"></span>
  164.                                             <span>
  165.                                                 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  166.                                                     <path d="M1 1L11 11M11 1L1 11" stroke="#E50923" stroke-linecap="round"/>
  167.                                                 </svg>
  168.                                             </span>
  169.                                         </button>
  170.                                     </template>
  171.                                     <template v-if="index === 'range'">
  172.                                         <button class="choice__item__btn" v-for="(title, type) in items" @click="deleteSelectFilter(type, null, index)">
  173.                                             <span v-html="title"></span>
  174.                                             <span>
  175.                                                 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  176.                                                     <path d="M1 1L11 11M11 1L1 11" stroke="#E50923" stroke-linecap="round"/>
  177.                                                 </svg>
  178.                                             </span>
  179.                                         </button>
  180.                                     </template>
  181.                                     <template v-if="index === 'brand'" v-for="(title, value) in items">
  182.                                         <button class="choice__item__btn" @click="deleteSelectFilter(index, value)">
  183.                                             <span v-html="value" style="text-transform: uppercase;"></span>
  184.                                             <span>
  185.                                                 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  186.                                                     <path d="M1 1L11 11M11 1L1 11" stroke="#E50923" stroke-linecap="round"/>
  187.                                                 </svg>
  188.                                             </span>
  189.                                         </button>
  190.                                     </template>
  191.                                     <template v-if="index === 'model'" v-for="(title, value) in items">
  192.                                         <button class="choice__item__btn" @click="deleteSelectFilter(index, value)">
  193.                                             <span v-html="value" style="text-transform: uppercase;"></span>
  194.                                             <span>
  195.                                                 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  196.                                                     <path d="M1 1L11 11M11 1L1 11" stroke="#E50923" stroke-linecap="round"/>
  197.                                                 </svg>
  198.                                             </span>
  199.                                         </button>
  200.                                     </template>
  201.                                     <template v-if="index === 'recommendGroup'" v-for="(title, value) in items">
  202.                                         <button class="choice__item__btn" @click="deleteSelectFilter(index, value)">
  203.                                             <span v-html="title" style="text-transform: uppercase;"></span>
  204.                                             <span>
  205.                                                 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  206.                                                     <path d="M1 1L11 11M11 1L1 11" stroke="#E50923" stroke-linecap="round"/>
  207.                                                 </svg>
  208.                                             </span>
  209.                                         </button>
  210.                                     </template>
  211.                                 </template>
  212.                             {% endif %}
  213.                         </div>
  214.                         <div class="choice__sort__wrapper">
  215.                             <span class="choice__sort__title">{{ 'catalog.sorting'|trans({},'automarket_base') }}</span>
  216.                             <select class="choice__sort__select" v-model="selectFilter.sortOrder" @change="changeSort()">
  217.                                 <option :value="'price-ASC'">{{ 'catalog.low_price'|trans({},'automarket_base') }}</option>
  218.                                 <option :value="'price-DESC'">{{ 'catalog.high_price'|trans({},'automarket_base') }}</option>
  219.                                 <option :value="'addVehicle-DESC'">{{ 'catalog.by_date'|trans({},'automarket_base') }}</option>
  220.                                 <option :value="'year-ASC'">{{ 'catalog.by_year_growth'|trans({},'automarket_base') }}</option>
  221.                                 <option :value="'year-DESC'">{{ 'catalog.by_year_wane'|trans({},'automarket_base') }}</option>
  222.                                 <option :value="'mileage-ASC'">{{ 'catalog.by_race_growth'|trans({},'automarket_base') }}</option>
  223.                                 <option :value="'mileage-DESC'">{{ 'catalog.by_race_wane'|trans({},'automarket_base') }}</option>
  224.                             </select>
  225.                         </div>
  226.                     </div>
  227.                 </div>
  228.             </div>
  229.         </section>
  230.         <section class="section__mobile__filter">
  231.             <div class="container">
  232.                 <div class="mobile__filter__wrapper">
  233.                     <div class="mobile__filter__box mobile__filter-btn" @click="toggleFilter()">
  234.                         <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  235.                             <path d="M0.5 4.17537H8.64103C8.86559 5.08268 9.68634 5.75747 10.6621 5.75747C11.6378 5.75747 12.4585 5.08268 12.6831 4.17537H15.5C15.7761 4.17537 16 3.9515 16 3.67537C16 3.39925 15.7761 3.17537 15.5 3.17537H12.6831C12.4585 2.26806 11.6378 1.59325 10.662 1.59325C9.68628 1.59325 8.86553 2.26806 8.641 3.17537H0.5C0.223875 3.17537 0 3.39925 0 3.67537C0 3.9515 0.223875 4.17537 0.5 4.17537ZM10.6621 2.59325C11.2587 2.59325 11.7442 3.07868 11.7442 3.67534C11.7442 4.27203 11.2587 4.75747 10.6621 4.75747C10.0654 4.75747 9.57994 4.27203 9.57994 3.67534C9.57994 3.07868 10.0654 2.59325 10.6621 2.59325ZM0.5 8.5H3.31694C3.5415 9.40731 4.36222 10.0821 5.33797 10.0821C6.31372 10.0821 7.13444 9.40731 7.359 8.5H15.5C15.7761 8.5 16 8.27612 16 8C16 7.72387 15.7761 7.5 15.5 7.5H7.35897C7.13441 6.59268 6.31369 5.91787 5.33794 5.91787C4.36219 5.91787 3.54147 6.59268 3.31691 7.5H0.5C0.223875 7.5 0 7.72387 0 8C0 8.27612 0.223844 8.5 0.5 8.5ZM5.33794 6.91787C5.93462 6.91787 6.42006 7.40331 6.42006 8C6.42006 8.59665 5.93462 9.08209 5.33794 9.08209C4.74125 9.08209 4.25581 8.59665 4.25581 8C4.25581 7.40331 4.74125 6.91787 5.33794 6.91787ZM15.5 11.8246H12.6831C12.4585 10.9173 11.6378 10.2425 10.662 10.2425C9.68628 10.2425 8.86556 10.9173 8.641 11.8246H0.5C0.223875 11.8246 0 12.0485 0 12.3246C0 12.6007 0.223875 12.8246 0.5 12.8246H8.64103C8.86559 13.7319 9.68631 14.4067 10.6621 14.4067C11.6378 14.4067 12.4585 13.7319 12.6831 12.8246H15.5C15.7761 12.8246 16 12.6007 16 12.3246C16 12.0485 15.7762 11.8246 15.5 11.8246ZM10.6621 13.4067C10.0654 13.4067 9.57994 12.9213 9.57994 12.3246C9.57994 11.7279 10.0654 11.2425 10.6621 11.2425C11.2587 11.2425 11.7442 11.7279 11.7442 12.3246C11.7442 12.9213 11.2587 13.4067 10.6621 13.4067Z" fill="#E40C25"/>
  236.                         </svg>
  237.                         <p>{{ 'catalog.filter'|trans({},'automarket_base') }}</p>
  238.                     </div>
  239.                     <div class="mobile__filter__box">
  240.                         <svg width="17" height="16" viewbox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  241.                             <path d="M14.2229 6.37537L11.8229 0.615367C11.7483 0.436487 11.5736 0.320007 11.38 0.320007C11.1864 0.320007 11.0115 0.436487 10.937 0.615367L8.53695 6.37537C8.43471 6.62001 8.55055 6.90113 8.79519 7.00305C9.04031 7.10529 9.32063 6.98977 9.42287 6.74481L10.3 4.64001H12.46L13.337 6.74465C13.4138 6.92881 13.592 7.04017 13.78 7.04017C13.8419 7.04017 13.9042 7.02817 13.9646 7.00289C14.2093 6.90097 14.3251 6.62001 14.2229 6.37537ZM10.7 3.68001L11.38 2.04801L12.06 3.68001H10.7ZM13.78 15.2C13.78 15.4651 13.5653 15.68 13.3 15.68H9.45999C9.27535 15.68 9.10751 15.5742 9.02735 15.4078C8.94767 15.2416 8.96975 15.0442 9.08495 14.9002L12.3011 10.88H9.45999C9.19471 10.88 8.97999 10.6651 8.97999 10.4C8.97999 10.1349 9.19471 9.92001 9.45999 9.92001H13.3C13.4846 9.92001 13.6525 10.0258 13.7326 10.1922C13.8123 10.3584 13.7902 10.5558 13.675 10.6998L10.4589 14.72H13.3C13.5653 14.72 13.78 14.9349 13.78 15.2ZM6.43935 12.9406C6.62687 13.1282 6.62687 13.4318 6.43935 13.6194L4.99935 15.0594C4.90559 15.1531 4.78271 15.2 4.65999 15.2C4.53727 15.2 4.41439 15.1531 4.32063 15.0594L2.88063 13.6194C2.69311 13.4318 2.69311 13.1282 2.88063 12.9406C3.06815 12.7531 3.37183 12.7531 3.55935 12.9406L4.17999 13.5613V1.28001C4.17999 1.01489 4.39471 0.800007 4.65999 0.800007C4.92527 0.800007 5.13999 1.01489 5.13999 1.28001V13.5613L5.76063 12.9406C5.94799 12.7531 6.25183 12.7531 6.43935 12.9406Z" fill="#E40C25"/>
  242.                         </svg>
  244.                         <select class="choice__sort__select" v-model="selectFilter.sortOrder" @change="changeSort()">
  245.                             <option :value="'price-ASC'">{{ 'catalog.low_price'|trans({},'automarket_base') }}</option>
  246.                             <option :value="'price-DESC'">{{ 'catalog.high_price'|trans({},'automarket_base') }}</option>
  247.                             <option :value="'addVehicle-DESC'">{{ 'catalog.by_date'|trans({},'automarket_base') }}</option>
  248.                             <option :value="'year-ASC'">{{ 'catalog.by_year_growth'|trans({},'automarket_base') }}</option>
  249.                             <option :value="'year-DESC'">{{ 'catalog.by_year_wane'|trans({},'automarket_base') }}</option>
  250.                             <option :value="'mileage-ASC'">{{ 'catalog.by_race_growth'|trans({},'automarket_base') }}</option>
  251.                             <option :value="'mileage-DESC'">{{ 'catalog.by_race_wane'|trans({},'automarket_base') }}</option>
  252.                         </select>
  253.                     </div>
  254.                 </div>
  255.             </div>
  256.         </section>
  257.         <section class="section__catalog__content">
  258.             <div class="container">
  259.                 <div class="catalog__content__wrapper">
  260.                     <section class="catalog__filter__wrapper">
  261.                         {% include '@Automarket/Modules/catalog-filter.html.twig' %}
  262.                     </section>
  264.                     <section class="catalog__card__col">
  265.                         <div class="catalog__card__wrapper">
  266.                             {% if not pageReload %}
  267.                                 <template v-if="showNoSearchVehicle">
  268.                                     {% include '@Automarket/Catalog/catalog-no-search.html.twig' %}
  269.                                 </template>
  270.                                 <template v-for="(vehicle, index) in vehicles">
  271.                                     {% include '@Automarket/Catalog/catalog-card-vue.html.twig' %}
  272.                                     <template v-if="index === 2">
  273.                                         {% include '@Automarket/Catalog/catalog-support-box.html.twig' %}
  274.                                     </template>
  275.                                     <template v-if="index === 4">
  276.                                         {% include '@Automarket/Catalog/catalog-exchange-car-box.html.twig' %}
  277.                                     </template>
  278.                                 </template>
  279.                             {% else %}
  280.                                 {% if not countVehicle %}
  281.                                     {% include '@Automarket/Catalog/catalog-no-search.html.twig' %}
  282.                                 {% endif %}
  283.                                 {% for vehicle in vehicles %}
  284.                                     {% include '@Automarket/Catalog/catalog-card.html.twig' %}
  285.                                     {% if loop.index == 3 %}
  286.                                         {% include '@Automarket/Catalog/catalog-support-box.html.twig' %}
  287.                                     {% endif %}
  288.                                     {% if loop.index == 5 %}
  289.                                         {% include '@Automarket/Catalog/catalog-exchange-car-box.html.twig' %}
  290.                                     {% endif %}
  291.                                 {% endfor %}
  292.                             {% endif %}
  293.                         </div>
  295.                         <div class="catalog__pagination">
  296.                             {% if pageReload %}
  297.                                 {% if pagination is defined %}
  298.                                     {% include '@DcSite/Modules/pagination/pagination.html.twig' %}
  299.                                 {% endif %}
  300.                             {% else %}
  301.                                 <button class="page__btn__red" v-if="actionShowMore" @click="clickShowMore()">
  302.                                     {{ 'catalog.load_more'|trans({},'automarket_base') }}
  303.                                 </button>
  304.                                 {% include '@Portal/Modules/pagination.html.twig' %}
  305.                             {% endif %}
  306.                         </div>
  307.                     </section>
  308.                 </div>
  309.             </div>
  310.         </section>
  311.         {% if modelRangePage is defined and modelRangePage %}
  312.             <section class="section__catalog__info">
  313.                 <div class="container">
  314.                     {{ modelRangePage.description(app.request.locale)|raw }}
  315.                 </div>
  316.             </section>
  317.         {% endif %}
  318.         {% if seoLinks.blocks is defined %}
  319.             <section class="section__catalog__info">
  320.                 <div class="container">
  321.                     {% if seoParamsString != "" %}
  322.                         <h2 class="catalog__info__title">{{ 'catalog.selection_with_params'|trans({'%params%' : seoParamsString},'automarket_base') }}</h2>
  323.                     {% else %}
  324.                         <h2 class="catalog__info__title">{{ 'catalog.selection'|trans({},'automarket_base') }}</h2>
  325.                     {% endif %}
  327.                     {% set currentUrl = app.request.uri|split('/') %}
  328.                     {% set currentFilterUrl = currentUrl|filter(item => item is not empty)|last %}
  330.                     {% for index, group in seoLinks.blocks %}
  331.                         {% if group is not empty %}
  332.                             <p class="catalog__info__text">
  333.                                 <strong>{{ ('vehicle.characteristic.params.' ~ index) |trans({}, 'automarket_base') }}
  334.                                     :
  335.                                 </strong>
  336.                                 {% for item in group %}
  337.                                     {% if item.url != currentFilterUrl %}
  338.                                         <a class="catalog_info_item" href="{{ item.url }}">{{ item.title }}</a>
  339.                                         {% if not loop.last %}
  340.                                             {{ ' |' }}
  341.                                         {% endif %}
  342.                                     {% else %}
  343.                                         <p>{{ item.title }}</p>
  344.                                         {% if not loop.last %}
  345.                                             {{ ' |' }}
  346.                                         {% endif %}
  347.                                     {% endif %}
  348.                                 {% endfor %}
  349.                             </p>
  350.                         {% endif %}
  351.                     {% endfor %}
  352.                 </div>
  353.             </section>
  354.         {% endif %}
  355.     </article>
  356. {% endblock %}
  359. {% block script %}
  360.     <script src="/dist/{{ MODE }}/automarket/js/automarketCatalog.js?{{ VERSION }}"></script>
  361.     <script>
  362.         $(() => {
  363.             const obj = new automarket.automarketCatalog.Catalog();
  364.             obj.initCatalog({
  365.                 initUrl: '{{ path('automarket_catalog_build_filters') }}',
  366.                 getCountVehicleFilterUrl: '{{ path('automarket_catalog_count_vehicle_filters') }}',
  367.                 getVehicleFilterUrl: '{{ path('automarket_catalog_vehicle_filters') }}',
  368.                 hrefSaleOnline: '{{ path('automarket_sale_online') }}',
  369.                 applyUrl: '{{ app.request.requestUri }}',
  370.                 routeParams: {{ routeParams|json_encode|raw }},
  371.                 countVehicle: {{ countVehicle ?? 0 }},
  372.                 pageReload: '{{ pageReload }}',
  373.                 locale: '{{ app.request.locale }}',
  374.                 state: 'used',
  375.                 type: 'car',
  376.                 kwh: '{{ 'small_words.kwh'|trans({}, 'automarket_base') }}',
  378.             })
  379.         });
  380.     </script>
  382.     {% if not app.request.get('page') and vehicles is defined %}
  383.         {% set nameTranslationKey = seoParamsString != '' ? 'base.seo.catalog_route.h1' : 'base.seo.catalog.title' %}
  384.         {% set descriptionTranslationKey = seoParamsString != '' ? 'base.seo.catalog_route.description' : 'base.seo.catalog.description' %}
  386.         <script type="application/ld+json">
  387.         {
  388.             "@context": "https://schema.org",
  389.             "@type": ["Product", "Vehicle"],
  390.             "name": "{{ nameTranslationKey|trans({'%params%': seoParamsString}, 'automarket_base') }}",
  391.             "description": "{{ descriptionTranslationKey|trans({'%params%': seoParamsString}, 'automarket_base') }}",
  392.             "image": [
  393.                 {% for vehicle in vehicles %}
  394.                     {
  395.                         "@type": "ImageObject",
  396.                         "image": "{{ vehicle.media.image }}",
  397.                         "contentUrl": "{{ vehicle.media.image }}"
  398.                     }{% if not loop.last %}{{ ',' }}{% endif %}
  399.                 {% endfor %}
  400.             ],
  401.             "offers": {
  402.                 "@type": "AggregateOffer",
  403.                 "priceCurrency": "USD",
  404.                 "lowPrice": "{{ dataPriceVehicle.minPriceUsd }}",
  405.                 "highPrice": "{{ dataPriceVehicle.maxPriceUsd }}",
  406.                 "offerCount": "{{ countVehicle }}"
  407.             }
  408.         }
  409.         </script>
  410.     {% endif %}
  413. {% endblock script %}