{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/stylesheets/components/navbar.css') }}">
{% endblock %}
<nav id="mainNav">
    <div class="siteLogo">
        <a href="{{ path('default_home') }}">
            <img src="{{ asset('assets/images/logos/navlogo.png') }}" alt="">
        </a>
    </div>
    <div class="menuContainer">
        <button class="menuButton">
            <i class="fas fa-bars"></i>
        </button>
        <ul>
            <li>
                <a href="{{ path('default_home') }}">Accueil</a>
            </li>
            {% if categories is defined %}
                {% for category in categories %}
                    <li>
                        <a href="{{ path('default_category', { 'alias': category.alias }) }}">{{ category.name }}</a>
                    </li>
                {% endfor %}
            {% endif %}
            <li>
                <a href="{{ path('contact_form') }}">Contact</a>
            </li>
            {% if app.user %}
                {% if is_granted('ROLE_OWNER') %}
                    <li>
                        <a href="{{ path('house_new') }}">Location</a>
                    </li>
                {% endif %}
                <li id="profile">
                    <a href="{{ path('user_profile') }}">Profil</a>
                </li>
                {% if is_granted('ROLE_ADMIN') %}
                    <li>
                        <a href="{{ path('admin_backOffice') }}">Back Office</a>
                    </li>
                {% endif %}
                <li id="logout">
                    <a href="{{ path('app_logout') }}">Déconnexion</a>
                </li>
            {% else %}
                <li id="login">
                    <a href="{{ path('app_login') }}">Connexion</a>
                </li>
                <li id="register">
                    <a href="{{ path('app_logout') }}">Inscription</a>
                </li>
            {% endif %}
            <li id="closeMenu">
                <button class="closeMenuButton">
                    <i class="fas fa-times"></i>
                </button>
            </li>
        </ul>
        {% if app.user %}
            <a class="loginButton" href="{{ path('user_profile') }}">
                <i class="fas fa-user"></i>
            </a>
        {% else %}
            <a class="loginButton" href="{{ path('app_login') }}">
                <i class="fas fa-user"></i>
            </a>
        {% endif %}
    </div>
    <div class="userButtons">
        {% if app.user %}
            <a href=""></a>
            <a href="{{ path('app_logout') }}">Déconnexion</a>
        {% else %}
            <a href="{{ path('user_register') }}">Inscription</a>
            <a href="{{ path('app_login') }}">Connexion</a>
        {% endif %}
    </div>
</nav>