{# 
    Pour le fichier de traduction --> translations\components\nav
        ***
    For Translation file --> translations\components\nav
 #}


{# Ajoute le css de la navbar   //   Add the navbar css #}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/style/css/component_navbar.css') }}">
{% endblock %}

<div class="navigation">

    {#  Logo #}
    <a href="{{ path('app_home') }}">
        <img src="{{ asset('../assets/images/logo/logo_header.png') }}" alt="Logo de la barre de navigation">
    </a>

    {# Barre de navigation      //    Nav bar #}
    <div class="navigation_bar">

        {# Liens vers les autres pages      //      Link to the other pages #}
        <nav class="navigation_link">
            <a href="{{ path('app_about') }}">      {{ 'About' | trans ( [], 'nav' , langue )  }}       </a>
            <a href="{{ path('app_bworld') }}">     {{ 'B-world' | trans ( [], 'nav' , langue )  }}     </a>
            <a href="{{ path('app_contact') }}">    {{ 'Contact' | trans ( [], 'nav' , langue )  }}     </a>  
        </nav>

        {# Icones avec liens vers réseaux sociaux   //      Icon with link to socials media #}
        <nav class="navigation_link_rs">
            {{ include('components/social_media/linkedIn.html.twig') }}
            {{ include('components/social_media/instagram.html.twig') }}
            {{ include('components/social_media/facebook.html.twig') }}
            {{ include('components/social_media/xTwitter.html.twig') }}
        </nav>
        
    </div>
</div>