{% extends "bases/base.html" %}
{% import "macros.html" as macros %}

{% block content %}
    <nav aria-label="Principal" class="main">
        <ul>
            <li><a href="/profile">Mon profil</a></li>
            <li>
                {{ macros::nav_link(
                    content="Mes zones",
                    href="/zones",
                    current_page=nav_page,
                    section="zones",
                    current_sections=nav_sections,
                ) }}
                <ul>
                {% for zone in zones %}
                    <li>
                        {{ macros::nav_link(
                            content=zone.name,
                            href="/zone/" ~ zone.name,
                            current_page=nav_page,
                            section=zone.name,
                            current_sections=nav_sections,
                        ) }}
                    </li>
                {% endfor %}
                    <li>
                        {{ macros::nav_link(
                            safe_content='<img alt="" src="/images/plus.svg"> Ajouter une zone',
                            href="/zones/new",
                            current_page=nav_page,
                            section="_new-zone",
                            current_sections=nav_sections,
                        ) }}
                    </li>
                </ul>
            </li>
        </ul>
    </nav>
    <main>
        {% block main %}{% endblock main %}
    </main>
{% endblock content %}