{% block header_navigation %}
<div class="header-navigation grid-container-fluid">
{% block shop_navigation %}
<nav class="shop-navigation">
<ul class="navigation-list">
{% block navigation_entry_account %}
<li class="navigation-entry entry-account">
<a href="{{ startShopSite }}" class="button secondary entry-link">
<span>
<i class="fas fa-arrow-left"></i>
{{ "Startseite" |trans }}
</span>
</a>
</li>
<li class="navigation-entry entry-menu">
<button type="button" class="button entry-link" data-toggle="off-canvas-left"
data-ajax-url="{{ path('app_navigation_mobile_ajax') }}">
<span>
{% if app.user %}
<i class="fas fa-home"></i>
{{ "My Account" |trans }}
{% else %}
<i class="fas fa-user"></i>
{{ "Login / Registrierung" |trans }}
{% endif %}
</span>
</button>
</li>
<li class="navigation-entry entry-account hide-for-small-only">
<a href="{{ path('app_account') }}" class="button entry-link login">
<span>
{% if app.user %}
<i class="fas fa-home"></i>
{{ "My Account" |trans }}
{% else %}
<i class="fas fa-user"></i>
{{ "Login / Registrierung" |trans }}
{% endif %}
</span>
</a>
{% block login_layer %}
<div class="navigation-layer login login-c2c">
{% if app.user %}
{{ include('includes/account-sidebar.html.twig') }}
{% else %}
{{ include('snippets/login-form.html.twig', {error:false, showPassword: false, last_username: null,registrationLink: true}) }}
{% endif %}
</div>
{% endblock %}
</li>
{% endblock %}
</ul>
</nav>
{% endblock %}
</div>
{% endblock %}