{# CSS du composant  //     CSS of component  #}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/style/css/component_translate.css') }}">
{% endblock %}



{# Changer la langue    //      Change the language #}
<div class="lang_menu">

    <div class="list_lang">

        {# Traduction Française      //      French translation #}
        <form action="{{ path('change_language') }}" method="post">
            <button name="lang" onclick="submit" value='fr_FR' id="french" class="lang_btn_fr" >
                <img src="{{ asset('assets/images/translate/fr.png') }}" alt="{{ 'french-flag' | trans ( [], 'messages' , langue )  }}">
            </button>
        </form>


        {# Traduction Anglaise      //      English translation #}
        <form action="{{ path('change_language') }}" method="post">
            <button name="lang" onclick="submit" value='en_GB' id="english" class="lang_btn_gb"  >
                <img src="{{ asset('assets/images/translate/uk.png') }}" alt="{{ 'british-flag' | trans ( [], 'messages' , langue )  }}">
            </button>
        </form>
    </div>
</div>