{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_navigation_hotline %}
<div class="d-flex col-md-3 footer-column contact-footer-column">
{% block layout_footer_navigation_hotline_headline %}{% endblock %}
{% block layout_footer_navigation_hotline_content %}
<div id="FooterHotline" class="footer-column-content footer-contact">
<div class="footer-column-content-inner row">
<a id="footer-logo-test-link" class="footer-logo-main-link col-12 mb-4"
href="{{ path('frontend.home.page') }}"
title="{{ "header.logoLink"|trans|striptags }}">
<picture>
<source srcset="/media/af/c6/94/1719844600/logo_salvana.png" media="(min-width: 768px) and (max-width: 991px)">
<source srcset="/media/af/c6/94/1719844600/logo_salvana.png" media="(max-width: 767px)">
<img src="/media/af/c6/94/1719844600/logo_salvana.png" alt="Zur Startseite wechseln" class="img-fluid footer-logo-main-img">
</picture>
</a>
<div class="col-12">
<p class="footer-contact-hotline">
{{ 'footer.serviceHotline'|trans|sw_sanitize }}
</p>
</div>
<div class="col-12 col-xl-12">
<p>
<span class="icon icon-phone icon-light">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M13.491-11.577l-2.844-.656a.661.661,0,0,0-.752.38L8.583-8.791a.655.655,0,0,0,.189.766l1.657,1.356A10.134,10.134,0,0,1,5.584-1.824L4.227-3.481a.656.656,0,0,0-.766-.189L.4-2.357A.664.664,0,0,0,.016-1.6L.673,1.241a.656.656,0,0,0,.64.509A12.686,12.686,0,0,0,14-10.937.655.655,0,0,0,13.491-11.577Z" transform="translate(0 12.25)" fill="#fff" color="#fff"></path></svg>
</span>
{{ 'footer.serviceHotlineNumber'|trans|sw_sanitize }}
</p>
<p>
<span class="icon icon-fax icon-light">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path d="M13.125-7.875v-2.263a1,1,0,0,0-.256-.619l-1.237-1.237a1,1,0,0,0-.619-.256H4.375a.875.875,0,0,0-.875.875V.875a.875.875,0,0,0,.875.875h8.75A.875.875,0,0,0,14,.875V-7A.875.875,0,0,0,13.125-7.875ZM7.875-.437A.438.438,0,0,1,7.438,0H6.563a.438.438,0,0,1-.437-.437v-.875a.438.438,0,0,1,.438-.437h.875a.438.438,0,0,1,.438.438Zm0-3.5a.438.438,0,0,1-.437.438H6.563a.438.438,0,0,1-.437-.437v-.875a.438.438,0,0,1,.438-.437h.875a.438.438,0,0,1,.438.438Zm3.5,3.5A.438.438,0,0,1,10.938,0h-.875a.438.438,0,0,1-.437-.437v-.875a.438.438,0,0,1,.438-.437h.875a.438.438,0,0,1,.438.438Zm0-3.5a.438.438,0,0,1-.437.438h-.875a.438.438,0,0,1-.437-.437v-.875a.438.438,0,0,1,.438-.437h.875a.438.438,0,0,1,.438.438Zm0-3.062H5.25v-3.5H9.625v1.313a.438.438,0,0,0,.438.438h1.313ZM1.75-8.75H.875A.875.875,0,0,0,0-7.875V.875a.875.875,0,0,0,.875.875H1.75A.875.875,0,0,0,2.625.875v-8.75A.875.875,0,0,0,1.75-8.75Z" transform="translate(0 12.25)" fill="#fff" color="#fff"></path></svg>
</span>
{{ 'footer.serviceFaxNumber'|trans|sw_sanitize }}
</p>
<p>
<span class="icon icon-mailto icon-light">
<svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="14" viewBox="0 0 15.75 14"><path d="M4.375,0a3.317,3.317,0,0,1-1.75-.875C.875-2.1.35-2.537,0-2.8V.875a.875.875,0,0,0,.875.875h7A.875.875,0,0,0,8.75.875V-2.8c-.35.263-.875.7-2.625,1.925A3.317,3.317,0,0,1,4.375,0Zm3.5-5.25h-7A.875.875,0,0,0,0-4.375v.438c.7.525.613.525,3.15,2.363.262.175.787.7,1.225.7S5.338-1.4,5.6-1.488C8.137-3.325,8.05-3.325,8.75-3.85v-.525A.875.875,0,0,0,7.875-5.25Zm7-2.625H6.125A.875.875,0,0,0,5.25-7v.875H7.875A1.753,1.753,0,0,1,9.617-4.544l.008-.006V-.875h5.25a.875.875,0,0,0,.875-.875V-7A.875.875,0,0,0,14.875-7.875ZM14-4.375H12.25v-1.75H14ZM4.375-7a1.752,1.752,0,0,1,1.75-1.75H12.25v-2.625a.875.875,0,0,0-.875-.875H2.625a.875.875,0,0,0-.875.875v5.25H4.375Z" transform="translate(0 12.25)" fill="#fff" color="#fff"></path></svg>
</span>
{{ 'footer.serviceMailtoAddress'|trans|sw_sanitize }}
</p>
<p>
<span class="icon icon-fax icon-light">
<img src="/media/af/c6/94/1719844600/logo_salvana.png" width="22" height="22" style="margin-right:10px;"/>
<a href="https://www.salvana.com" target="_blank"> www.salvana.com</a>
</span>
</p>
</div>
</div>
{#<div class="footer-contact-form">
{{ 'footer.serviceContactLink'|trans({
'%url%': path('frontend.cms.page', { id: shopware.config.core.basicInformation.contactPage })
})|raw }}
</div>#}
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-md-3 footer-column">
{% block layout_footer_navigation_information_headline %}{% endblock %}
{% block layout_footer_navigation_information_content %}
<div id="FooterColumn{{ loop.index }}"
class="footer-column-content">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_information_links %}
<ul class="list-unstyled">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
<a class="footer-link"
href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
title="{{ name }}">
{% if category.customFields.wn_cc_icon %}
{% set icon = category.customFields.wn_cc_icon|lower %}
{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': icon, 'color': 'light'} %}
{% endif %}
{{ name }}
</a>
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% block layout_footer_payment_shipping_logos %}{% endblock %}
{% block layout_footer_bottom %}{% endblock %}