{% extends '@ThemeOkeOnline/storefront/layout/footer/footer.html.twig' %}
{% block base_footer_column_1_wrapper %}
<div class="col-12 col-md-6 col-lg-6">
<div class="customer-service">
<div class="footer-title title h2">{{ 'oo.footer.customer_service.title'|trans|sw_sanitize }}</div>
<p>{{ 'oo.footer.customer_service.description'|trans|sw_sanitize }}</p>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<a class="customer-service-item" href="{{ 'oo.footer.customer_service.phone.link'|trans|sw_sanitize }}">
<div class="customer-service-item-title h4">
{{ 'oo.footer.customer_service.phone.title'|trans|sw_sanitize }}
</div>
<div class="customer-service-item-description">
{{ 'oo.footer.customer_service.phone.description'|trans|sw_sanitize }}
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<a class="customer-service-item" href="{{ 'oo.footer.customer_service.chat.link'|trans|sw_sanitize }}">
<div class="customer-service-item-title h4">
{{ 'oo.footer.customer_service.chat.title'|trans|sw_sanitize }}
</div>
<div class="customer-service-item-description">
{{ 'oo.footer.customer_service.chat.description'|trans|sw_sanitize }}
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<a class="customer-service-item" href="{{ 'oo.footer.customer_service.mail.link'|trans|sw_sanitize }}">
<div class="customer-service-item-title h4">
{{ 'oo.footer.customer_service.mail.title'|trans|sw_sanitize }}
</div>
<div class="customer-service-item-description">
{{ 'oo.footer.customer_service.mail.description'|trans|sw_sanitize }}
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<a class="customer-service-item" href="{{ 'oo.footer.customer_service.faq.link'|trans|sw_sanitize }}">
<div class="customer-service-item-title h4">
{{ 'oo.footer.customer_service.faq.title'|trans|sw_sanitize }}
</div>
<div class="customer-service-item-description">
{{ 'oo.footer.customer_service.faq.description'|trans|sw_sanitize }}
</div>
</a>
</div>
</div>
</div>
</div>
{% endblock %}
{% block base_footer_column_2_wrapper %}
<div class="col-12 col-sm-12 col-md-3 col-lg-3">
<div class="social">
<div class="footer-title title h2">{{ 'oo.social_title'|trans|sw_sanitize }}</div>
<p>{{ 'oo.social_description'|trans|sw_sanitize }}</p>
<div class="social-buttons">
<a class="social-button" href="{{ 'oo.social_buttons_linkedin_link'|trans|sw_sanitize }}" target="_blank">
<i class="fa fa-linkedin" style="color: #ffffff;"></i>
</a>
<a class="social-button" href="{{ 'oo.social_buttons_facebook_link'|trans|sw_sanitize }}" target="_blank">
<i class="fa fa-facebook-f" style="color: #ffffff;"></i>
</a>
<a class="social-button" href="{{ 'oo.social_buttons_instagram_link'|trans|sw_sanitize }}" target="_blank">
<i class="fa fa-instagram" style="color: #ffffff;"></i>
</a>
</div>
</div>
</div>
{% endblock %}
{% block base_footer_juristic_no_margin_bottom %}
<a class="header-extra-link-btn footer-actions-btn ml-3 {% if rootTreeItem.children|length > 0 %} dropdown-toggle{% endif %}"
href="{% if rootTreeItem.category.externalLink ?? rootTreeItem.externalLink %}{{ rootTreeItem.category.externalLink ?? rootTreeItem.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: rootTreeItem.category.id ?? rootTreeItem.id }) }}{% endif %}" role="button" id="dropdownMenuLink-footer-dropdown-{{rootTreeItem.category.id ?? rootTreeItem.id}}"
{% if rootTreeItem.children|length > 0 %}aria-haspopup="true" data-toggle="dropdown" aria-expanded="false"{% endif %}>
{{ rootTreeItem.category.translated.name ?? rootTreeItem.translated.name }}
</a>
{% endblock %}
{% block layout_footer_row %}
<div class="row">
{% endblock %}