src/DcSiteBundle/Resources/views/Citroen/Main/index.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ seoMeta.title ?? 'seo.main.main_title'|trans({}, 'dc_citroen') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'seo.main.main_desc'|trans({}, 'dc_citroen') }}">
  6.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/citroen/css/citroenMain.css?{{ VERSION }}">
  7. {% endblock head %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.main.main_title'|trans({}, 'dc_citroen') }}">
  11.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.main.main_desc'|trans({}, 'dc_citroen') }}">
  12. {% endblock ogtagDynamic %}
  14. {% block content %}
  15.     {% include '@DcSite/Modules/slider.html.twig' %}
  16.     <section class="section-padd pb-0">
  17.         <div class="container">
  18.             <div class="row">
  19.                 <div class="col-md-12">
  20.                     <span class="section-title">{{ 'pages.base_names.model_lineup'|trans({}, 'dc_base') }} CITROEN</span>
  21.                 </div>
  22.             </div>
  23.             <div class="row" id="modelsList">
  24.                 <div class="col-md-12">
  25.                     <ul class="nav nav-tabs site_tabs mobile-scroll" id="lineupTab" role="tablist">
  26.                         <li class="nav-item">
  27.                             <a data-id="all" @click="selectCategory" class="nav-link tabs__link active" href="#">
  28.                                 <span class="tab-span">{{ 'car_page.car_state_all'|trans({},'dc_base') }}</span>
  29.                             </a>
  30.                         </li>
  31.                         <li class="nav-item" v-for="category in categories">
  32.                             <a :data-id="category.id" @click="selectCategory" class="nav-link tabs__link" href="#">
  33.                                 <span class="tab-span" v-html="category.title"></span>
  34.                             </a>
  35.                         </li>
  36.                     </ul>
  37.                     <div class="tab-content" id="myTabContent">
  38.                         <div class="tab-pane fade show active" id="passanger" role="tabpanel"
  39.                              aria-labelledby="passanger-tab">
  40.                             <div class="row">
  41.                                 <div class="col-md-3" v-for="car in cars">
  42.                                     <div class="model__card">
  43.                                         <a :href="car.url" class="model__card-img">
  44.                                             <picture :alt="car.customTitle">
  45.                                                 <source :srcset="car.image_webp" type="image/webp">
  46.                                                 <source :srcset="car.image">
  47.                                                 <img :src="car.image" :alt="car.customTitle">
  48.                                             </picture>
  49.                                         </a>
  50.                                         <a :href="car.url" class="model__card-title">
  51.                                             <span v-if="car.isPreOrder">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  52.                                             <span v-else-if="car.isNew">{{ 'pages.car.is_new'|trans({},'dc_base') }}</span>
  53.                                             <span v-html="car.customTitle"></span>
  54.                                         </a>
  57.                                         <div class="model__card-price model__card-price-custom" v-if="car.price > 0">
  58.                                             {{ 'base.from'|trans({}, 'dc_citroen') }} <span
  59.                                                     v-html="car.price.toLocaleString()+' грн'"></span>
  60.                                         </div>
  61.                                         <div class="model__card-price model__card-price-custom" v-else>
  62.                                             <span>{{ 'pages.base.specify_the_price'|trans({},'dc_toyota') }}</span>
  63.                                         </div>
  65. {#                                        <a :href="car.configuratorHref" class="btn btn-secondary w-100 mb-2">{{ 'base.config'|trans({}, 'dc_citroen') }}</a>#}
  66. {#                                        <a v-if="car.onTestDrive" :href="car.testDriveUrl" class="btn btn-primary w-100">Тест-драйв</a>#}
  67.                                         <a  :href="car.url" class="btn btn-primary w-100 custom-car-btn">{{ 'front_page.details'|trans({}, 'dc_citroen') }}</a>
  68.                                     </div>
  69.                                 </div>
  70.                             </div>
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </section>
  79.     <section class="contacts_block section-padd">
  80.         <div class="container">
  82.             <div class="row">
  83.                 <div class="col-md-12">
  84.                     <div class="block__seo block__seo-wrap" id="block-seo-content">
  85.                         {% if app.request.locale == 'ru' %}
  86.                             {% include '@DcSite/Citroen/Main/translations/index_seo.ru.html.twig' %}
  87.                         {% else %}
  88.                             {% include '@DcSite/Citroen/Main/translations/index_seo.ua.html.twig' %}
  89.                         {% endif %}
  90.                         <div class="more seo-btn">
  91.                             {{ 'front_page.details'|trans({}, 'dc_citroen') }}
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </section>
  98. {% endblock content %}
  100. {% block script %}
  101.     <script src="/dist/{{ MODE }}/dcsite/citroen/js/citroenMain.js?{{ VERSION }}"></script>
  102.     <script>
  103.         $(() => {
  104.             const obj = new dcsite.citroenMain.Main();
  105.             obj.init({
  106.                 btnMore: "{{ 'pages.hide'|trans({}, 'dc_yamaha') }}",
  107.                 btnHide: "{{ 'pages.read_all'|trans({}, 'dc_yamaha') }}"
  108.             });
  109.             obj.initSlider({
  110.                 url: '{{ path('main_slider') }}'
  111.             });
  112.             obj.initModels({
  113.                 modelsUrl: '{{ path('citroen_load_models') }}'
  114.             });
  115.         });
  116.     </script>
  117. {% endblock script %}