{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_top_bar %}{% 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-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 %}
<img src="{{ asset('assets/images/icon_burger.svg', "@AmMacTrade") }}" alt="Menü" />
{% endblock %}
</button>
{% endblock %}
</div>
{% endblock %}
</div>
<div class="col">
<div class="logo-mobile-mactrade">
<a href="/">
<img src="https://www.mactrade.de/media/6a/31/19/1626536005/MacTrade.svg" alt="MacTrade" height="40">
</a>
</div>
</div>
<div class="col mob-search">
{% 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">
<div class="row no-gutters">
{% block layout_header_navigation_toggle %}
<div class="col-2 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 %}
{#{% sw_icon 'stack' %}#}
<img src="{{ asset('assets/images/icon_burger.svg', "@AmMacTrade") }}" alt="Menü" />
{% endblock %}
</button>
{% endblock %}
</div>
</div>
{% endblock %}
<div class="logo-mobile-mactrade">
<a href="/">
<img src="https://www.mactrade.de/media/6a/31/19/1626536005/MacTrade.svg" alt="MacTrade" height="40">
</a>
</div>
{% block layout_header_actions_c2_widget %}
<div class="col-auto header-c2-widget-wrapper">
<div id="header-c2-widget">
{#<iframe src="https://www.c2-circle.com/partner/static/mactrade/pdp-banner.html" frameborder="0"></iframe>#}
</div>
</div>
{% endblock %}
{% block layout_header_actions_apple_dealer %}
<div class="col">
<div id="logo-apple-dealer">
<img src="{{ asset('assets/images/logo_apple-autorisierter-haendler.svg', "@AmMacTrade") }}" alt="Apple Autorisierter Händler" height="32" class="hidden-phone hidden-tablet" />
<img src="{{ asset('assets/images/logo_apple-autorisierter-haendler-mobile.svg', "@AmMacTrade") }}" alt="Apple Autorisierter Händler" height="28" class="hidden-desktop" />
</div>
</div>
{% endblock %}
{% block layout_header_search_toggle %}
<div class="col-auto d-sm-none">
<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 }}">
<img src="{{ asset('assets/images/ico_suche.svg', "@AmMacTrade") }}" alt="Suche" />
</button>
</div>
</div>
{% endblock %}
{% if config('core.cart.wishlistEnabled') %}
{% block layout_header_actions_wishlist %}
<div class="col-auto">
<div class="header-wishlist">
<a class="btn header-wishlist-btn header-actions-btn"
href="{{ path('frontend.wishlist.page') }}"
title="{{ 'header.wishlist'|trans|striptags }}"
aria-label="{{ 'header.wishlist'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
</a>
</div>
</div>
{% endblock %}
{% endif %}
{% block layout_header_actions_account %}
<div class="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="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>
</div>
</div>
{% endblock %}
</div>
</div>
{% endblock %}