{% extends "/symfony.html.twig" %}

{% block title %}Recipe Manager{% endblock %}

{% block headerTag %}
<header class="pb-2 d-flex flex-column justify-content-start fixed-top">
{% endblock %}
{% block headerContent %}
    <div class="d-flex justify-content-between w-100 px-2">
        <!--region Logo / Nom-->
        <a class="navbar-brand" href="{{ path('core_main') }}">Recipe Manager</a>
        <!--endregion-->
        <!--region Menu configuration-->
        {% if app.user %}
            <nav class="navbar navbar-expand-lg py-0">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle py-0" id="dropdown-config" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Configuration
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="dropdown-config">
                            <li><a href="{{ path('config_recipe_list') }}" class="dropdown-item">Recettes</a></li>
                            <li><a href="{{ path('config_material_list') }}" class="dropdown-item">Matériaux</a></li>
                            <li><a href="{{ path('config_machine_list') }}" class="dropdown-item">Machines</a></li>
                            <li><a href="{{ path('config_materialType_list') }}" class="dropdown-item">Types de matériaux</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        {% endif %}
        <!--endregion-->
        <!--region Menu utilisateur-->
        <nav class="navbar navbar-expand-lg py-0">
            <ul class="navbar-nav">
                {% if app.user %}
                    <!--region User menu-->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle py-0" id="dropdown-locale" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            {{ app.user }}
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-locale">
                            <li><a href="{{ path('user_signOut') }}" class="dropdown-item">Se déconnecter</a></li>
                        </ul>
                    </li>
                    <!--endregion-->
                {% else %}
                    <li class="nav-item"><a href="{{ path('user_signIn') }}" class="nav-link py-0">Se connecter</a></li>
                    <li class="nav-item"><a href="{{ path('user_signUp') }}" class="nav-link py-0">S'enregistrer</a></li>
                {% endif %}
            </ul>
        </nav>
        <!--endregion-->
    </div>
{% endblock %}