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

Open in your IDE?
  1. {% extends '@DcSite/Ford/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ seoMeta.title ?? 'pages.seo.front_page_title'|trans({},'dc_ford') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'pages.seo.front_page_desc'|trans({'%phone%': dealer.phone},'dc_ford') }}">
  6.     <meta name="keywords" content="{{ 'pages.seo.main_keywords'|trans({},'dc_ford') }}">
  7.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/ford/css/fordMain.css?{{ VERSION }}">
  8. {% endblock head %}
  10. {% block ogtagDynamic %}
  11.     <meta property="og:title" content="{{ seoMeta.title ?? 'pages.seo.front_page_title'|trans({},'dc_ford') }}">
  12.     <meta property="og:description" content="{{ seoMeta.description ?? 'pages.seo.front_page_desc'|trans({'%phone%': dealer.phone},'dc_ford') }}">
  13. {% endblock ogtagDynamic %}
  15. {% block content %}
  16.     {% include '@DcSite/Modules/slider.html.twig' %}
  17.     <section class="images-link">
  18.             <div class="container">
  19.                 <div class="row">
  20.                     <div class="col-md-4 col-lg-4">
  21.                         <a class="image-link-box" href="{{ path('ford_car_stock') }}">
  22.                             <img src="{{ asset('bundles/dcsite/img/ford/2023_FORD_KUGA_ACTIVE_ST-LINE_01-LOW.jpg') }}" title="{{ 'pages.base.choose_in_cash'|trans({}, 'dc_ford') }}"/>
  23.                             <span class="image-link-title"> <span class="title-ico"></span>{{ 'pages.base.choose_in_cash'|trans({}, 'dc_ford') }}</span>
  24.                         </a>
  25.                     </div>
  26.                     <div class="col-md-4 col-lg-4">
  27.                         <a class="image-link-box" href="{{ path('ford_finance_trade_in') }}">
  28.                             <img  src="{{ asset('bundles/dcsite/img/ford/approved/ford_approved.jpg') }}" title="{{ 'approved.exchange_your_car'|trans({}, 'dc_ford') }}"/>
  29.                             <span class="image-link-title"> <span class="title-ico"></span>{{ 'approved.exchange_your_car'|trans({}, 'dc_ford') }}</span>
  30.                         </a>
  31.                     </div>
  32.                     <div class="col-md-4 col-lg-4">
  33.                         <a class="image-link-box" href="{{ path('ford_service_to') }}">
  34.                             <img src="{{ asset('bundles/dcsite/img/ford/ford-ecomon-service.jpg') }}" title="{{ 'pages.base.profitable_ford_service'|trans({}, 'dc_ford') }}"/>
  35.                             {#<span class="image-link-title"> <span class="title-ico"></span> Motocraft {{ 'pages.base.services.index'|trans({}, 'dc_ford')|lower }} </span>#}
  36.                             <span class="image-link-title"> <span class="title-ico"></span>{{ 'pages.base.profitable_ford_service'|trans({}, 'dc_ford') }}</span>
  37.                         </a>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </section>
  42.     <section class="indent tabs lineup">
  43.         <div class="container">
  44.             <div class="row">
  45.                 <div class="col-12 text-center">
  46.                     <h1 class="lines mb-4">{{ 'pages.base_names.other.auto'|trans({}, 'dc_base') }} Ford</h1>
  47.                 </div>
  48.             </div>
  49.             <div class="row row-custom" id="modelsList">
  50.                 <div class="col-md-12 pb-5">
  51.                     <ul class="nav justify-content-lg-start tabs__nav" id="lineupTab">
  52.                         <li class="nav-item">
  53.                             <a class="nav-link tabs__link active" data-id="all" v-on:click="selectCategory" href="#">
  54.                                 <span class="tab-span" style="font-size: 14px">{{ 'base.car_cat.all'|trans({}, 'dc_toyota') }}</span>
  55.                             </a>
  56.                         </li>
  57.                         {% verbatim %}
  58.                             <li class="nav-item" v-for="category in categories">
  59.                                 <a :data-id="category.id" v-on:click="selectCategory" class="nav-link tabs__link" href="#">
  60.                                     <span class="tab-span" style="font-size: 14px">{{ category.title }}</span>
  61.                                 </a>
  62.                             </li>
  63.                         {% endverbatim %}
  64.                     </ul>
  65.                 </div>
  66.                 <div class="col-12 tabs__content">
  67.                     <div class="tab-content" id="lineupContent">
  68.                         <div class="tab-pane fade show active">
  69.                             <div class="row">
  70.                                 {% verbatim %}
  71.                                 <div class="col-md-3 lineup__model" v-for="car in cars">
  72.                                     <div class="card">
  73.                                         <a :href="car.url">
  74.                                         <span class="news__button" v-if="car.isPreOrder">{% endverbatim %}{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}{% verbatim %}</span>
  75.                                          <span class="news__button" v-else-if="car.isNew">{% endverbatim %}{{ 'pages.car.is_new_2'|trans({},'dc_base') }}{% verbatim %}</span>
  76.                                             <img class="card-img-top lineup__preview" :src="car.image" :alt="car.title">
  77.                                             <div class="card-body">
  78.                                                 <h2 class="lineup__name">
  79.                                                     {{ car.customTitle }}
  80.                                                     <span v-if="car.hasHybrid" class="car-hybrid"> Hybrid</span>
  81.                                                 </h2>
  82.                                                 <div v-if="car.price > 0" class="lineup__price">{% endverbatim %}{{ 'base.from'|trans({}, 'dc_toyota') }}{% verbatim %}<b> {{ car.price.toLocaleString() }}</b> грн</div>
  83.                                                 <div v-else class="lineup__price"><b>{% endverbatim %}{{ 'pages.car.no-rice'|trans({},'dc_ford') }}{% verbatim %}</b></div>
  84.                                             </div>
  85.                                         </a>
  86.                                         <div class="d-flex card-footer justify-content-between align-items-center">
  87.                                             <a :href="car.testDriveUrl" class="btn btn-link lineup__constructor">{% endverbatim %}Тест-драйв{% verbatim %}</a>
  89.                                          </div>
  90.                                     </div>
  91.                                 </div>
  92.                                 {% endverbatim %}
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </section>
  100.     <section class="front-consultation">
  101.         <div class="container">
  102.             <div class="front-consultation__title">{{ 'main.order_consultation'|trans({}, 'dc_base') }}</div>
  104.             {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  105.                 link_test_drive: "ford_service_testdrive_form",
  106.                 link_online: "ford_service_consultation_form_online",
  107.                 link_offline: "ford_service_consultation_form"
  108.             } %}
  110.             <div class="front-consultation__info">
  111.                 <p>{{ 'main.call_us'|trans({}, 'dc_base') }}</p>
  112.                 <a href="tel:{{ dealer.phone }}" class="front-consultation__phone">{{ dealer.phone }}</a>
  113.             </div>
  114.         </div>
  115.     </section>
  116.     <section id="textBox" class="product-shortdesc product-bg">
  117.         <div class="container">
  118.             <div class="row">
  119.                     <div class="read-more collapsed">
  120.                         <div class="read-more__content">
  121.                             <article class="container read-more__content__container">
  122.                                 {% if app.request.locale == 'ru' %}
  123.                                     {% include '@DcSite/Ford/Main/main.content_ru.html.twig' %}
  124.                                 {% else %}
  125.                                     {% include '@DcSite/Ford/Main/main.content_ua.html.twig' %}
  126.                                 {% endif %}
  127.                             </article>
  128.                         </div>
  129.                         <div class="read-more__expand">
  130.                             <button class="btn btn-primary">Розгорнути</button>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.     </section>
  136. {% endblock content %}
  138. {% block script %}
  139.     <script src="/dist/{{ MODE }}/dcsite/ford/js/fordMain.js?{{ VERSION }}"></script>
  140.     <script>
  141.         $(() => {
  142.             const obj = new dcsite.fordMain.Main();
  143.             obj.init();
  144.             obj.initSlider({
  145.                 url: '{{ path('main_slider') }}',
  146.                 autoPlay: true
  147.             });
  148.             obj.initModels({
  149.                 modelsUrl : '{{ path('ford_load_models') }}'
  150.             });
  151.         });
  152.     </script>
  153. {% endblock script %}