{# @var navigation \Shopware\Core\Content\Category\Tree\Tree #}
{% set activeId = navigation.active.id ?? context.salesChannel.navigationCategoryId %}
{% set isRoot = activeId == context.salesChannel.navigationCategoryId %}
{% set children = navigation.getChildren(activeId) %}
{% set active = navigation.active %}

{% block layout_navigation_offcanvas_navigation_categories %}
    <div class="navigation-offcanvas-container js-navigation-offcanvas">

    {% block layout_header_logo %}
        <div class="col-12 col-lg-auto">
            {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
        </div>
    {% endblock %}

        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
        <li class="navigation-offcanvas-list-item">
                    <a class="navigation-offcanvas-link nav-item nav-link" href="/" itemprop="url" title="Start">
                                    <span itemprop="name">Start</span>
                                            </a>
            {% if not isRoot %}
                {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-all-link.html.twig' %}
            {% endif %}

            <ul class="list-unstyled navigation-offcanvas-list">
                {% if not isRoot and page.navigation.active.type != "folder" %}
                    {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/show-active-link.html.twig' with { item: active } %}
                {% endif %}

                {# @var item \Shopware\Core\Content\Category\Tree\TreeItem #}
                {% for item in children.tree %}
                    {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/item-link.html.twig' with { item: item, activeId: activeId } %}
                {% endfor %}
            </ul>
        </div>
        <div class="legal">
        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">

                    <ul class="list-unstyled navigation-offcanvas-list">


        <li class="navigation-offcanvas-list-item">
                                    <span itemprop="name">Schneider & Söhne GmbH & Co. KG<br>Bergstraße 1<br>D-50667 Köln</span>
            </li>

        <li class="navigation-offcanvas-list-item">
                    <a class="navigation-offcanvas-link nav-item nav-link" href="mailto:[email protected]" itemprop="url" title="E-Mail Adresse">
                                    <span itemprop="name">[email protected]</span>
                                            </a>
            </li>
            <br>

        <li class="navigation-offcanvas-list-item">
                    <a class="navigation-offcanvas-link nav-item nav-link" href="/agb" itemprop="url" title="Allgemeine Verkaufsbedingungen">
                                    <span itemprop="name">Allgemeine Verkaufsbedingungen</span>
                                            </a>
            </li>

            <li class="navigation-offcanvas-list-item">
                        <a class="navigation-offcanvas-link nav-item nav-link" href="/Datenschutz" itemprop="url" title="Datenschutz">
                                        <span itemprop="name">Datenschutz</span>
                                                </a>
                </li>

                <li class="navigation-offcanvas-list-item">
                            <a class="navigation-offcanvas-link nav-item nav-link" href="/Impressum" itemprop="url" title="Impressum">
                                            <span itemprop="name">Impressum</span>
                                                    </a>
                    </li>
                                    </ul>
                </div>
        </div>
    </div>
{% endblock %}