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

Open in your IDE?
  1. {% extends '@DcSite/Opel/template.html.twig' %}
  3. {% block head %}
  4.     <title>{{ 'seo.main.title'|trans({}, 'dc_opel') }}</title>
  5.     <meta name="description" content="{{ 'seo.main.desc'|trans({}, 'dc_opel') }}">
  6.     <link rel="stylesheet" type="text/css" href="/dist/{{ MODE }}/dcsite/opel/css/opelMain.css?{{ VERSION }}">
  7. {% endblock head %}
  9. {% block ogtagDynamic %}
  10.     <meta property="og:title" content="{{ 'seo.main.title'|trans({}, 'dc_opel') }}">
  11.     <meta property="og:description" content="{{ 'seo.main.desc'|trans({}, 'dc_opel') }}">
  12. {% endblock ogtagDynamic %}
  14. {% block content %}
  15.     {% include '@DcSite/Modules/slider.html.twig' %}
  16.     <section class="lineup-section container">
  17.         <h1 class="section-title">{{'header.nav.lineup'|trans({}, 'dc_opel')}} OPEL</h1>
  20.         <div class="lineup-list row">
  21.             <div class="col-12 tabs__content">
  22.                 <div class="row">
  23.                     {% for item in catalogVehicle %}
  24.                         <div class="lineup-list__col col-6 col-md-4 col-lg-3">
  25.                             <a href="{{ path('opel_card_car', {'car': item.url}) }}" class="lineup-item">
  26.                                 <div class="lineup-item__title">OPEL {{ item.title }}</div>
  27.                                 <div class="car_status_is_new-block">
  28.                                     {% if  item.isNew %}
  29.                                         <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  30.                                     {% endif %}
  31.                                 </div>
  32.                                 <div class="lineup-item__photo">
  33.                                     <img src="{{ item.image }}" alt="" class="card-img-top lineup__preview">
  34.                                 </div>
  35.                                 <p class="lineup-item__price">
  36.                                     {{ 'car.price.from'|trans({}, 'dc_morris') }}
  37.                                     <span>{{ item.price | price }} грн</span>
  38.                                 </p>
  39.                             </a>
  40.                         </div>
  41.                     {% endfor %}
  42.                 </div>
  43.             </div>
  44.         </div>
  46.         <div class="text-center">
  47.             <a href="{{ path('opel_model_lineup') }}" class="btn">{{'pages.main.lineup_more'|trans({}, 'dc_opel')}}</a>
  48.         </div>
  49.     </section>
  50.     <div class="consultation-entrance-block">
  51.         <div class="container">
  52.             <div class="section-title">{{'pages.main.consultation'|trans({}, 'dc_opel')}}</div>
  54.             {% include '@DcSite/Modules/multi-consultation/multi-consultation-enter.html.twig' with {
  55.                 link_test_drive: "opel_service_testdrive_form",
  56.                 link_online: "opel_service_consultation_form_online",
  57.                 link_offline: "opel_service_consultation_form"
  58.             } %}
  59.         </div>
  61.         <div class="text-center">
  62.             <a href="tel:{{ dealer.phone }}" class="btn btn-outline-primary">{{'pages.main.callus'|trans({}, 'dc_opel')}}</a>
  63.         </div>
  64.     </div>
  65.     <aside class="news-section container js-tab-wrap">
  66.         <ul class="base-tabs">
  67.             <li class="base-tabs__item --active js-tab-btn">{{'pages.main.promo'|trans({}, 'dc_opel')}}</li>
  68.             <li class="base-tabs__item js-tab-btn">{{'pages.news.title'|trans({}, 'dc_opel')}}</li>
  69.         </ul>
  71.         <div class="js-tab-tab">
  72.             <ul class="news-list mobile-scroll">
  73.                 {% for post in allActions %}
  74.                 <li class="news-list__item">
  75.                     <a href="{{ path('opel_stocks_single', { 'url': post.url }) }}" class="news-list__link">
  76.                         <div class="news-list__photo">
  77.                             <picture alt="{{ post.title }}" class="slider__home-img slider__home-img-desc">
  78.                                 <source srcset="{{ post.image_webp }}" type="image/webp">
  79.                                 <source srcset="{{ post.image }}">
  80.                                 <img src="{{ post.image }}" alt="{{ post.title }}">
  81.                             </picture>
  82.                         </div>
  83.                         <div class="news-list__content">
  84.                             <div class="news-list__title">{{ post.title }}</div>
  85.                         </div>
  86.                     </a>
  87.                 </li>
  88.                 {% endfor%}
  89.             </ul>
  91.             <div class="text-center">
  92.                 <a href="{{ path('opel_stocks') }}" class="btn btn-outline-primary">{{'pages.main.promo'|trans({}, 'dc_opel')}}</a>
  93.             </div>
  94.         </div>
  96.         <div class="js-tab-tab">
  97.             <ul class="news-list mobile-scroll">
  98.                 {% for post in news %}
  99.                 <li class="news-list__item">
  100.                     <a href="{{ path('opel_about_news_single', { 'url': post.url }) }}" class="news-list__link">
  101.                         <div class="news-list__photo">
  102.                             <picture alt="{{ post.title }}" class="slider__home-img slider__home-img-desc">
  103.                                 <source srcset="{{ post.image_webp }}" type="image/webp">
  104.                                 <source srcset="{{ post.image }}">
  105.                                 <img src="{{ post.image }}" alt="{{ post.title }}">
  106.                             </picture>
  107.                         </div>
  108.                         <div class="news-list__content">
  109.                             <div class="news-list__title">{{ post.title }}</div>
  110.                         </div>
  111.                     </a>
  112.                 </li>
  113.                 {% endfor%}
  114.             </ul>
  116.             <div class="text-center">
  117.                 <a href="{{ path('opel_about_news') }}" class="btn btn-outline-primary">{{'pages.news.title'|trans({}, 'dc_opel')}}</a>
  118.             </div>
  119.         </div>
  120.     </aside>
  121.     <aside class="container main-about">
  122.         <div class="row">
  123.             <div class="col-md-7 col-xl-5">
  124.                 <h2 class="main-about__title">Opel {{'footer.dealer'|trans({}, 'dc_opel')}}</h2>
  126.                 <div class="main-about__item">
  127.                     <p class="main-about__subtitle">{{'pages.main.about.address_title'|trans({}, 'dc_opel')}}</p>
  128.                     <p>{{'pages.main.about.address'|trans({}, 'dc_opel')|raw}}</p>
  129.                 </div>
  131.                 <p class="main-about__subtitle">{{'pages.main.about.schedule'|trans({}, 'dc_opel')}}</p>
  132.                 <div class="row">
  133.                     <div class="col-sm-6 col-md-12 col-lg-6">
  134.                         <div class="main-about__item">
  135.                             <p class="main-about__subtitle text-uppercase">{{'footer.shedule.sales'|trans({}, 'dc_opel')}}</p>
  137.                             <table class="main-about__schedule">
  138.                                 <tr>
  139.                                     <th>Пн – Сб:</th>
  140.                                     <td>09:00 — 20:00</td>
  141.                                 </tr>
  142.                                 <tr>
  143.                                     <th>{{'footer.shedule.sunday'|trans({}, 'dc_opel')}}:</th>
  144.                                     <td>09:00 — 18:00</td>
  145.                                 </tr>
  146.                             </table>
  147.                         </div>
  148.                     </div>
  149.                     <div class="col-sm-6 col-md-12 col-lg-6">
  150.                         <div class="main-about__item">
  151.                             <p class="main-about__subtitle text-uppercase">{{'footer.shedule.service'|trans({}, 'dc_opel')}}</p>
  153.                             <table class="main-about__schedule">
  154.                                 <tr>
  155.                                     <th>Пн – Сб:</th>
  156.                                     <td>08:00 — 20:00</td>
  157.                                 </tr>
  158.                                 <tr>
  159.                                     <th>{{'footer.shedule.sunday'|trans({}, 'dc_opel')}}:</th>
  160.                                     <td>09:00 — 18:00</td>
  161.                                 </tr>
  162.                             </table>
  163.                         </div>
  164.                     </div>
  165.                 </div>
  167.                 <p class="main-about__subtitle">{{ 'pages.contacts.breadcrumb_title'|trans({}, 'dc_opel') }}</p>
  168.                 <div class="row">
  169.                     <div class="col-sm-6 col-md-12 col-lg-6 main-about__item">
  170.                         {# <p class="main-about__subtitle text-uppercase">{{'footer.shedule.sales'|trans({}, 'dc_opel')}}</p> #}
  172.                         <p><a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a></p>
  173.                         <p><a href="mailto:{{ dealer.emailSale }}">{{ dealer.emailSale }}</a></p>
  174.                     </div>
  175.                     <div class="col-sm-6 col-md-12 col-lg-6 main-about__item">
  176.                         {# <p class="main-about__subtitle text-uppercase">{{'footer.shedule.service'|trans({}, 'dc_opel')}}</p> #}
  178.                         {% if dealer.phoneService %}
  179.                         <p><a href="tel:{{ dealer.phoneService }}">{{ dealer.phoneService }}</a></p>
  180.                         {% endif %}
  182.                         {% if dealer.emailService %}
  183.                         <p><a href="mailto:{{ dealer.emailService }}">{{ dealer.emailService }}</a></p>
  184.                         {% endif %}
  185.                     </div>
  186.                 </div>
  187.             </div>
  189.             <div class="col-md-5 col-xl-7 main-about__pic">
  190.                 <img src="{{ asset( "/bundles/dcsite/img/opel/contacts-main.jpg" ) }}" alt="" />
  191.             </div>
  192.         </div>
  194.         <p>{{'pages.main.about.descr'|trans({}, 'dc_opel')}}</p>
  196.         <a href="{{ path('opel_about_company') }}" class="btn">{{'btn.more'|trans({}, 'dc_opel')}}</a>
  197.     </aside>
  198.     <svg width="0" height="0" class="hidden">
  199.     <symbol preserveAspectRatio="xMinYMid meet" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 33" id="icon-lead-car">
  200.         <path d="M32 0V5.5M32 11V5.5M32 5.5H26M32 5.5H38" stroke="currentColor" stroke-width="1.5"/>
  201.         <path d="M7.5 4.5H19.5V6H8.5L5 12L1.5 16V25H36V17H38V33H31V27.5H6.5V33H0V16L4 11L7.5 4.5Z" fill="currentColor"/>
  202.         <path d="M12 20C12 18.8954 12.8954 18 14 18H23C24.1046 18 25 18.8954 25 20V23H12V20Z" fill="currentColor"/>
  203.         <path d="M32.5 17V19H29" stroke="currentColor"/>
  204.         <path d="M6 17V19H9.5" stroke="currentColor"/>
  205.     </symbol>
  206.     </svg>
  207. {% endblock content %}
  209. {% block script %}
  210.     <script src="/dist/{{ MODE }}/dcsite/opel/js/opelMain.js?{{ VERSION }}"></script>
  211.     <script>
  212.         $(() => {
  213.             const obj = new dcsite.opelMain.Main();
  214.             obj.initSlider({
  215.                 url: '{{ path('main_slider') }}'
  216.             });
  217.         });
  218.     </script>
  219. {% endblock script %}