src/DcSiteBundle/Resources/views/Mazda/About/contacts.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Mazda/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.contacts.contacts_title'|trans({}, 'dc_mazda') }}</title>
  5.     <meta name="description" content="{{ 'seo.contacts.contacts_desc'|trans({}, 'dc_mazda') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ 'seo.contacts.contacts_title'|trans({}, 'dc_mazda') }}"/>
  10.     <meta property="og:description" content="{{ 'seo.contacts.contacts_desc'|trans({}, 'dc_mazda') }}"/>
  11. {% endblock ogtagDynamic %}
  14. {% block css %}
  15. {% endblock %}
  18. {% block content %}
  19.     <section class="breadcrumbs__new">
  20.         <div class="container">
  21.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                 <li class="marker__none" itemprop="itemListElement" itemscope
  23.                     itemtype="https://schema.org/ListItem">
  24.                     <a itemprop="item" href="{{ path('mazda_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">Mazda</span></a>
  26.                     <meta itemprop="position" content="1"/>
  27.                 </li>
  29.                 <div class="arrow-bcs"> ❯ </div>
  30.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  31.                     itemtype="https://schema.org/ListItem">
  32.                     <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'seo.contacts.title'|trans({}, 'dc_mazda') }}</span>
  33.                     <meta itemprop="position" content="2"/>
  34.                 </li>
  35.             </ol>
  36.         </div>
  37.     </section>
  39.     <section class="heading_bg">
  40.         <img src="{{ asset( '/bundles/dcsite/img/mazda/head/contacts-head.png' ) }}" alt="">
  41.         <h1 class="section_head-title">{{ 'seo.contacts.title'|trans({}, 'dc_mazda') }}</h1>
  42.     </section>
  44.     <section class="section_padd">
  45.         <div class="container">
  46.             <div class="row align-items-center">
  47.                 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
  48.                     <span class="contacts_block-title">{{ 'pages.addr_title'|trans({}, 'dc_mazda') }}</span>
  49.                     <span class="contacts_block-link">{{ 'pages.addr'|trans({}, 'dc_mazda') }}</span>
  50.                     <a href="https://www.google.com/maps/place/Mazda+%D0%B0%D0%B2%D1%82%D0%BE%D1%81%D0%B0%D0%BB%D0%BE%D0%BD+%D0%B2+%D0%9A%D0%B8%D0%B5%D0%B2%D0%B5+%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81+%D0%A1%D0%A2%D0%9E+-+%D0%92%D0%B8%D0%94%D0%B8-%D0%A1%D0%BA%D0%B0%D0%B9/@50.4123708,30.3803455,17z/data=!3m1!4b1!4m5!3m4!1s0x40d4cbc18444cbb7:0xb203923ba39d55cc!8m2!3d50.4123708!4d30.3825342" class="contacts_block-directions">
  51.                         <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  52.                             <path d="M0.75 4.5V16.5L6 13.5L12 16.5L17.25 13.5V1.5L12 4.5L6 1.5L0.75 4.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  53.                             <path d="M6 1.5V13.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  54.                             <path d="M12 4.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  55.                         </svg>
  56.                         {{ 'pages.direction'|trans({}, 'dc_mazda') }}
  57.                     </a>
  59.                     <div class="row">
  60.                         <div class="col-md-6">
  61.                             <span class="contacts_block-title">{{ 'pages.dep_sale'|trans({}, 'dc_mazda') }}</span>
  62.                             <a class="contacts_block-link" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
  63.                             <a class="contacts_block-link" href="mailto:{{ dealer.emailSale }}">{{ dealer.emailSale }}</a>
  64.                             <div class="contact-hours">
  65.                                 <p><span>Пн – Сб:</span> 09:00-20:00</p>
  66.                                 <p><span>{{ 'pages.sunday'|trans({}, 'dc_mazda') }}:</span> 09:00-18:00</p>
  67.                             </div>
  68.                         </div>
  69.                         <div class="col-md-6">
  70.                             <span class="contacts_block-title">{{ 'pages.dep_service'|trans({}, 'dc_mazda') }}</span>
  71.                             <a class="contacts_block-link" href="tel:+{{ dealer.phoneService }}">{{ dealer.phoneService }}</a>
  73.                             <a class="contacts_block-link" href="mailto:{{ dealer.emailService }}">{{ dealer.emailService }}</a>
  74.                             <div class="contact-hours">
  75.                                 <p><span>Пн – Сб:</span> 08:00 - 20:00</p>
  76.                                 <p><span>{{ 'pages.sunday'|trans({}, 'dc_mazda') }}:</span> 09:00 - 18:00</p>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
  82.                     <iframe class="contacts_map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10169.962920723734!2d30.378671819018546!3d50.41332797487433!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb203923ba39d55cc!2zTWF6ZGEg0LDQstGC0L7RgdCw0LvQvtC9INCyINCa0LjQtdCy0LUg0YHQtdGA0LLQuNGBINCh0KLQniAtINCS0LjQlNC4LdCh0LrQsNC5!5e0!3m2!1sru!2sua!4v1592909081168!5m2!1sru!2sua" width="100%" height="361" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
  83.                 </div>
  84.             </div>
  85. {#            <div class="row">#}
  86. {#                <div class="col-md-12">#}
  87. {#                    <div class="block__seo block__seo-wrap" id="block-seo-content">#}
  88. {#                        {% if app.request.locale == 'ru' %}#}
  89. {#                            {% include '@DcSite/Mazda/Main/translations/index_seo.ru.html.twig' %}#}
  90. {#                        {% else %}#}
  91. {#                            {% include '@DcSite/Mazda/Main/translations/index_seo.ua.html.twig' %}#}
  92. {#                        {% endif %}#}
  93. {#                        <div class="more seo-btn">#}
  94. {#                            {{ 'pages.details'|trans({}, 'dc_mazda') }}#}
  95. {#                        </div>#}
  96. {#                    </div>#}
  97. {#                </div>#}
  98. {#            </div>#}
  99.         </div>
  100.     </section>
  102. {% endblock %}
  106. {% block pageJS %}
  107.     <script>
  108.         app.onCustomEvent('appInit', function () {
  109.             var readmore = function(target) {
  110.                 $("#block-seo-content .seo-btn").on("click", function() {
  111.                     var $this = $(this);
  112.                     if ($this.hasClass("more")) {
  113.                         $this
  114.                             .removeClass("more")
  115.                             .addClass("less")
  116.                             .text("{{ 'pages.hide'|trans({}, 'dc_yamaha') }}");
  117.                         target.collapse("show");
  118.                     } else {
  119.                         $this
  120.                             .removeClass("less")
  121.                             .addClass("more")
  122.                             .text("{{ 'pages.read_all'|trans({}, 'dc_yamaha') }}");
  123.                         target.collapse("hide");
  124.                     }
  125.                 });
  126.             };
  127.             var target = $("#block-seo-content div.seo-block:nth-child(n+2)");
  128.             readmore(target);
  129.         });
  131.     </script>
  132. {% endblock %}