{% set menu = _navigation.menu('menu') %}
{% set network = _navigation.menu('network') %}

<div class="wide-menu hidden-small">
    <div class="fixed-menu">
        <div class="align-center">
            <a href="{{ safe_path('blog_menu_posts') }}">
                {{ include('module/_logo.html.twig') }}
            </a>
        </div>

        {% if menu %}
            <nav class="navigation">
                <ul>
                    {%- for item in menu.rootNode.children -%}
                        {%- if item.isVisible -%}
                            <li>
                                {%- set icon -%}
                                    {%- if item.attributes.icon is defined -%}
                                        <span class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}"></span>
                                    {%- elseif item.attributes.svg is defined -%}
                                        <span class="deblan-icon-svg">
                                            {{- item.attributes.svg.value|raw -}}
                                        </span>
                                    {%- endif -%}
                                {%- endset -%}

                                <a href="{{ safe_node_url(item) }}" {% if _store.isActiveNode(item, true) %}class="active"{% endif %} {% if item.hasExternalUrl %}target="_blank"{% endif %}>
                                    {{- icon|raw -}}
                                    {{- item.label -}}
                                </a>
                            </li>
                        {%- endif -%}
                    {%- endfor -%}
                </ul>
            </nav>
        {% endif %}

        {%- if network -%}
            <ul class="links">
                {%- for item in network.rootNode.children -%}
                    {%- if item.isVisible -%}
                        <li class="link link-{{ item.attributes.icon.value }}">
                            <a href="{{ safe_node_url(item) }}" class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}" target="_blank">
                                <span>{{- item.label -}}</span>
                            </a>
                        </li>
                    {%- endif -%}
                {%- endfor -%}
            </ul>
        {%- endif -%}
    </div>
</div>
<div class="small-menu hidden-large hidden-medium visible-small">
    <a href="{{ safe_path('posts') }}">
        <img src="{{ asset('build/images/logo-small.png') }}" class="fixed" alt="Deblan blog">
    </a>

    <nav class="navigation push-right">
        {% if menu %}
            <ul class="list--inline">
                {%- for item in menu.rootNode.children -%}
                    <li>
                        <a href="{{ safe_node_url(item) }}">
                            {%- set icon -%}
                                {%- if item.attributes.icon is defined -%}
                                    <span class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}"></span>
                                {% elseif item.attributes.svg is defined %}
                                    <span class="deblan-icon">
                                        {{ item.attributes.svg.value|raw }}
                                    </span>
                                {%- endif -%}
                            {%- endset -%}

                            {{- icon|raw -}}
                        </a>
                    </li>
                {%- endfor -%}
            </ul>
        {% endif %}
    </nav>
</div>