{% extends 'base.html.twig' %}

{% set current_route = app.request.attributes.get('_route') %}

{% block title %}Parametre{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('styles/globals/bulles.css') }}">
    <link rel="stylesheet" href="{{ asset('styles/globals/navbutton.css') }}">
{% endblock %}

{% block titlePage %}
    <div class="bulle-container">
        <div class="bulle bulle-all-col bulle-nohover bulle-header">
            <h1 class="bulle-title">Parametre : {{ app.user.pseudo }}</h1>

        </div>
        <nav class="bulle bulle-all-col bulle-nohover d-flex flex-nowrap flex-row justify-content-start align-items-center gap-2">
            <a href="{{ path("app_settings_profile") }}" class="nav-link {{ current_route == 'app_settings_profile' ? 'active' }}">Profile</a>
            <a href="{{ path("app_settings_security") }}" class="nav-link {{ current_route == 'app_settings_security' ? 'active' }}">Securité</a>
            <div class="nav-link {{ current_route == 'app_settings_territory' ? 'active' }}">Territoires</div>
        </nav>
    </div>
{% endblock %}

{% block main %}
    <div class="bulle-container">
        {% block form %}
        {% endblock %}
    </div>
{% endblock %}