{% block layout_footer_inner_container %}
<div class="container">
{% block layout_footer_navigation %}
<div id="footerColumns" class="row footer-columns" data-collapse-footer="true" role="list">
{% block layout_footer_navigation_hotline %}{% endblock %}
{% block layout_footer_service_menu %}
<div class="container">
{% block layout_footer_service_menu_content %}
{% apply spaceless %}
<ul class="footer-service-menu-list list-unstyled">
{% for serviceMenuItem in page.header.serviceMenu %}
{% block layout_footer_service_menu_item %}
<li class="footer-service-menu-item">
<a class="footer-service-menu-link" href="{{ category_url(serviceMenuItem) }}" {% if category_linknewtab(serviceMenuItem) %} target="_blank" {% endif %} title="{{ serviceMenuItem.translated.name }}">
{{ serviceMenuItem.translated.name }}
</a>
</li>
{% endblock %}
{% endfor %}
</ul>
{% endapply %}
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-12 footer-column">
{% block layout_footer_navigation_information_headline %}{% endblock %}
{% block layout_footer_navigation_information_content %}
<div class="footer-column-content">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_information_links %}
<ul class="list-unstyled footer-nav-links">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
{% if category.type == 'folder' %}
<div>{{ name }}</div>
{% else %}
<a class="footer-link" href="{{ category_url(category) }}" {% if category_linknewtab(category) %} target="_blank" {% endif %} title="{{ name }}">
{{ name }}
</a>
{% endif %}
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_payment_logos %}
{% if paymentIcons %}
<div class="payment-icons">
{% for key,value in paymentIcons %}
<a href="{{value.link}}" target="_blank">
<img src="{{value.media.url}}" class="img-fluid footer-logo-image" width="60" height="30" alt="{{value.alt}}">
</a>
{% endfor %}
</div>
{% endif %}
{% endblock %}
{% block layout_footer_payment_shipping_logos %}{% endblock %}
</div>
{% block layout_footer_bottom %}
<div class="footer-bottom">
{% block layout_social_media %}
<div class="follow-text">
<span>{{ "system4ShopTheme.footer.labels.followLabel"|trans|sw_sanitize }}</span>
</div>
<ul class="list-unstyled social-media">
{% if config('System4ShopTheme.config.smfacebookLink') %}
<li>
<a href="{{ config('System4ShopTheme.config.smfacebookLink') |raw }}" target="_blank">
<img src="{{ asset('/assets/images/facebook.svg', 'theme') }}" width="35" height="35">
</a>
</li>
{% endif %}
{% if config('System4ShopTheme.config.smInstagramLink') %}
<li>
<a href="{{ config('System4ShopTheme.config.smInstagramLink') |raw }}" target="_blank">
<img src="{{ asset('/assets/images/instagram.svg', 'theme') }}" width="35" height="35">
</a>
</li>
{% endif %}
{% if config('System4ShopTheme.config.smTwitterLink') %}
<li>
<a href="{{ config('System4ShopTheme.config.smTwitterLink') |raw }}" target="_blank">
<img src="{{ asset('/assets/images/twitter.svg', 'theme') }}" width="35" height="35">
</a>
</li>
{% endif %}
{% if config('System4ShopTheme.config.smPinterestLink') %}
<li>
<a href="{{ config('System4ShopTheme.config.smPinterestLink') |raw }}" target="_blank">
<img src="{{ asset('/assets/images/pinterest.svg', 'theme') }}" width="35" height="35">
</a>
</li>
{% endif %}
{% if config('System4ShopTheme.config.smYoutubeLink') %}
<li>
<a href="{{ config('System4ShopTheme.config.smYoutubeLink') |raw }}" target="_blank">
<img src="{{ asset('/assets/images/youtube.svg', 'theme') }}" width="35" height="35">
</a>
</li>
{% endif %}
</ul>
{% endblock %}
{% block layout_footer_vat %}{% endblock %}
{% block layout_footer_copyright %}{% endblock %}
</div>
{% endblock %}
{% endblock %}