<footer class="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.cars'|trans({}, 'dc_subaru') }}</span>
{% verbatim %}
<ul id="footer-cars" class="footer-nav">
<li v-for="car in menu" class="footer-nav-item">
<a class="footer-nav-link" :href="car.url">{{ car.title }}</a>
</li>
</ul>
{% endverbatim %}
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.services.index'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav">
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_finance_credit') }}">{{ 'menu.services.loan'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_finance_trade_in') }}">{{ 'pages.trade_in.title'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_finance_insurance') }}">{{ 'menu.services.insurance'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_finance_corporate_program') }}">{{ 'menu.services.corp_prog'|trans({}, 'dc_subaru') }}</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.service.index'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav">
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_service_order_to') }}">{{ 'menu.service.order_to'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_service_body_repair') }}">{{ 'menu.service.body_rep'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_service_spare_parts') }}">{{ 'menu.service.spares'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_shop_accessory_catalog') }}">{{ 'menu.service.acc'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_service_tire_hotel') }}">{{ 'menu.service.tires_hotel'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_service_assistance') }}">Subaru Assistance</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.info.index'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav">
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_about') }}">{{ 'menu.info.about'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_about_news') }}">{{ 'menu.info.news'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_about_loyality_program') }}">{{ 'menu.info.loialty'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_about_quality_politicks') }}">{{ 'menu.info.quality'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_about_staff') }}">{{ 'menu.info.staff'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_conditions-of-sales') }}">
{{ 'conditions_of_sales.title'|trans({}, 'dc_base') }}
</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_terms_maintenance') }}">
{{ 'terms_maintenance.maintenance'|trans({}, 'dc_base') }}
</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_archive') }}">{{ 'archive.title_footer'|trans({}, 'dc_base') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_public_offer') }}">{{ 'pages.public_offer'|trans({}, 'dc_base') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_return_refund_policies') }}">{{ 'pages.footer.return_refund_police'|trans({}, 'dc_base') }}</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.actions'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav">
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_stocks') }}">{{ 'pages.stocks.tab_0'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_stocks') }}">{{ 'pages.stocks.tab_2'|trans({}, 'dc_subaru') }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="{{ path('subaru_stocks') }}">{{ 'pages.stocks.tab_1'|trans({}, 'dc_subaru') }}</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'menu.contacts'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav">
<li class="footer-nav-item">
<a class="footer-nav-link" href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
</li>
<li class="footer-nav-item">
<a class="footer-nav-link" href="mailto:{{ dealer.emailSale }}">{{ dealer.emailSale }}</a>
</li>
<li class="footer-nav-item">
<span class="footer-nav-title mb-0">{{ 'pages.contacts.sales_dep'|trans({}, 'dc_subaru') }}</span>
<a style="display: block" class="footer-nav-link" href="tel:+380672434403">+380672434403</a>
<span class="footer-nav-title mb-0">{{ 'pages.contacts.service_dep'|trans({}, 'dc_subaru') }}</span>
<a style="display: block" class="footer-nav-link" href="tel:+380672836081">+380672836081</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<span class="footer-nav-title">{{ 'other.in_social'|trans({}, 'dc_subaru') }}</span>
<ul class="footer-nav footer-social">
<a target="_blank" rel="nofollow" href="{{ dealer.linkFacebook }}">
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 0C5.15893 0 0 5.15893 0 11.5C0 17.8406 5.15893 23 11.5 23C17.8406 23 23 17.8406 23 11.5C23 5.15893 17.8415 0 11.5 0ZM14.3599 11.9049H12.489C12.489 14.894 12.489 18.5734 12.489 18.5734H9.71659C9.71659 18.5734 9.71659 14.9297 9.71659 11.9049H8.39872V9.54797H9.71659V8.0235C9.71659 6.93168 10.2354 5.22563 12.5145 5.22563L14.5689 5.23351V7.52137C14.5689 7.52137 13.3205 7.52137 13.0777 7.52137C12.835 7.52137 12.4899 7.64273 12.4899 8.1634V9.54844H14.6022L14.3599 11.9049Z" fill="#898989"/>
</svg>
</a>
<a target="_blank" rel="nofollow" href="{{ dealer.linkInstagram }}">
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4995 13.8017C12.7683 13.8017 13.8027 12.7692 13.8027 11.4995C13.8027 10.9983 13.6387 10.5355 13.3672 10.1575C12.9489 9.57757 12.2689 9.19727 11.5009 9.19727C10.7324 9.19727 10.0529 9.57711 9.63364 10.1571C9.36127 10.5351 9.19867 10.9978 9.19821 11.499C9.19682 12.7687 10.2303 13.8017 11.4995 13.8017Z" fill="#898989"/>
<path d="M16.527 8.68379V6.754V6.4668L16.2384 6.46772L14.3095 6.47375L14.3169 8.6912L16.527 8.68379Z" fill="#898989"/>
<path d="M11.5 0C5.15893 0 0 5.15893 0 11.5C0 17.8406 5.15893 23 11.5 23C17.8406 23 23 17.8406 23 11.5C23 5.15893 17.8415 0 11.5 0ZM18.0403 10.158V15.5129C18.0403 16.9077 16.9063 18.0412 15.5124 18.0412H7.48755C6.09325 18.0412 4.95974 16.9077 4.95974 15.5129V10.158V7.48802C4.95974 6.09371 6.09325 4.9602 7.48755 4.9602H15.512C16.9063 4.9602 18.0403 6.09371 18.0403 7.48802V10.158Z" fill="#898989"/>
<path d="M15.0775 11.5002C15.0775 13.4721 13.4729 15.0776 11.5 15.0776C9.52714 15.0776 7.923 13.4721 7.923 11.5002C7.923 11.0258 8.0175 10.5723 8.18611 10.1582H6.23362V15.5131C6.23362 16.2051 6.79551 16.7656 7.4871 16.7656H15.5115C16.2022 16.7656 16.765 16.2051 16.765 15.5131V10.1582H14.8116C14.9816 10.5723 15.0775 11.0258 15.0775 11.5002Z" fill="#898989"/>
</svg>
</a>
</ul>
</div>
</div>
<div class="col-md-3 footer-nav-block">
<div class="flex-column">
<img class="payments-logo" src="{{ asset('bundles/dcsite/img/subaru/banks/payments.svg') }}" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<span>© {{ 'now' | date('Y') }} {{ 'other.rights'|trans({}, 'dc_subaru') }}</span>
</div>
</div>
</div>
</footer>