{% extends 'app/' ~ template ~ '.html.twig' %}
{% block content %}
    <div class="component wysiwyg-component">
        <div class="component-wr section-separator">
            <h1>{{ 'app.sitemap.title'|trans }}</h1>
            <ul>
                {% for menuItem in menu %}
                    {% set route = '' %}
                    {% if menuItem.hasParameters %}
                        {% set route = path(menuItem.item.route, menuItem.item.parameters) %}
                    {% elseif menuItem.hasRoute %}
                        {% set route = path(menuItem.item.route) %}
                    {% endif %}
                    <li>
                        <a href="{{ route }}">
                            <i class=""></i>
                            <span>{{ menuItem.item.title }}</span>
                        </a>
                        {% if menuItem.hasChildren %}
                            <ul>
                                {% for children in menuItem.children if children.route is not empty %}
                                    <li>
                                        <a href="{{ path(children.route, children.parameters) }}">
                                            <span>{{ children.title }}</span>
                                        </a>
                                    </li>
                                {% endfor %}
                            </ul>
                        {% endif %}
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
{% endblock %}