{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_header %}
{% block layout_header_navigation %}
<div class="row align-items-center header-row">
{% block layout_header_logo %}
<div class="col-12 col-md-7 col-lg-auto header-logo-col" id="header_logo_col">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
<div class="col-12 col-md-5 d-none d-md-flex d-lg-none justify-content-end tablet-action-col" id="countries_wrapper">
<div class="countries-wrapper d-inline-block">
{% set UltraStoreSwitcher = shopware.config.UltraStoreSwitcher.config %}
{% if UltraStoreSwitcher.activeKanal %}
{% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget1.html.twig' %}
{% endif %}
</div>
<div class="seal-section d-inline-block">
<span class="seal-section__item"><a href="{{ "header.seal_1_Link"|trans|raw }}" target="_blank">{{ "header.seal_1"|trans|raw }}</a></span>
<span class="seal-section__item">{{ "header.seal_2"|trans|raw }}</span>
</div>
</div>
{% endblock %}
{% block layout_header_search %}
<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
<div class="row">
<div class="col-sm-auto d-none d-sm-block d-lg-none">
{% block layout_header_navigation_toggle_tablet %}
<div class="nav-main-toggle">
{% block layout_header_navigation_toggle_tablet_button %}
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% block layout_header_navigation_toggle_tablet_button_icon %}
<div class="menu-icon"></div>
<span class="nav-main-toggle-btn__label d-none d-md-inline-block d-lg-none">{{ "header.navigationbutton"|trans }}</span>
{% endblock %}
</button>
{% endblock %}
</div>
{% endblock %}
</div>
<div class="col searchfield-toggle-tablet">
<div class="countries-wrapper d-none d-lg-block" id="countries_wrapper_remove">
<div class="row">
{% set UltraStoreSwitcher = shopware.config.UltraStoreSwitcher.config %}
{% if UltraStoreSwitcher.activeKanal %}
{% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget1.html.twig' %}
{% endif %}
<div class="nav-main-phone d-none d-lg-block col-lg-6 text-right">
<span class="nav-main-phone__text">
{% sw_include '@Storefront/storefront/utilities/snippet-icon.html.twig' with {
'snippet': 'header.phoneIcon'|trans
} %}
{{ "header.phone"|trans }}
</span>
</div>
</div>
</div>
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
</div>
{% endblock %}
{% block layout_header_actions %}
<div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
{% block layout_top_bar %}
{% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
{% endblock %}
<div class="row no-gutters d-flex justify-content-end header-actions-wrapper">
{% block layout_header_logo_image_mobile %}
<div class="col-auto logo_sticky_header_mobile_hide" id="logo_sticky_header_mobile" >
<a class="header-logo-main-link"
href="{{ path('frontend.home.page') }}"
title="{{ "header.logoLink"|trans|striptags }}">
<img src="{{ asset('assets/logo/logomarke_mobile.png', '@MDR_Theme') }}" alt="logo" >
</a>
</div>
{% endblock %}
{% block layout_header_navigation_toggle %}
<div class="col d-sm-none">
<div class="menu-button">
{% block layout_header_navigation_toggle_button %}
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% block layout_header_navigation_toggle_button_icon %}
<div class="menu-icon"></div>
{% endblock %}
</button>
{% endblock %}
</div>
</div>
{% endblock %}
{% block layout_header_search_toggle %}
{# <div class="col-auto d-md-none">#}
<div class="col-auto d-sm-none" id="header_search_toggle_tablet">
<div class="search-toggle">
<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
type="button"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags }}">
{% sw_icon 'fa-search' style { 'pack': 'light', 'namespace': 'MDR_Theme' } %}
</button>
</div>
</div>
{% endblock %}
<div class="seal-section col-auto d-none d-lg-inline-block">
<span class="seal-section__item"><a href="{{ "header.seal_1_Link"|trans|raw }}" target="_blank">{{ "header.seal_1"|trans|raw }}</a></span>
<span class="seal-section__item">{{ "header.seal_2"|trans|raw }}</span>
</div>
{% block layout_header_actions_account %}
<div class="account-section col-auto">
<div class="account-menu">
{% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
</div>
</div>
{% endblock %}
{% block layout_header_actions_cart %}
<div class="cart-section col-auto">
<div class="header-cart"
data-offcanvas-cart="true">
<a class="btn header-cart-btn header-actions-btn"
href="{{ path('frontend.checkout.cart.page') }}"
data-cart-widget="true"
title="{{ 'checkout.cartTitle'|trans|striptags }}"
aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
</a>
<span class="header-actions-btn__hover-info d-none">{{ "header.cartHoverText"|trans|striptags }}</span>
</div>
</div>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}