{# --------------------------------------------------- ------ ---------------------------------------------------#}
{# --------------------------------------------------- HEADER ---------------------------------------------------#}
{# --------------------------------------------------- ------ ---------------------------------------------------#}
<div id="header" {% if antibiogarde is defined and antibiogarde == 1 %} style="display: none;" {% endif %}>
<a href="{{ path('index') }}">
<img id="logoABXBMI" src="{{ asset('build/img/icon1024.png') }}" alt="Logo ABXBMI">
</a>
<div id="titres">
<p id="titre1">{{ 'title'|trans }}</p>
<div id="petiteLigneImg">
<img id="logoANTIBIO" src="{{ asset('build/img/antibiogarde-logo.png') }}" alt="antibiogardeLogo">
<img id="logoSPLIF" src="{{ asset('build/img/spilf-logo.png') }}" alt="spilfLogo">
</div>
<div id="petiteLigne">
<p align="right" class="pl">{{ 'spilf'|trans }}</p>
</div>
</div>
{# Bloc pour les drapeaux en haut à droite #}
<div id="lang-switcher" style="position: absolute; top: 10px; right: 10px;">
{# Drapeau français #}
<a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'fr'})) }}" style="text-decoration: none">
<img src="{{ asset('build/img/fr_flag.jpg') }}" alt="Français"
style="
{% if currentLocale == 'fr' %}
width: 40px; height: 25px;
{% else %}
width: 30px; height: 20px; filter: grayscale(100%);
{% endif %}
margin-right: 5px;
">
</a>
{# Drapeau anglais #}
<a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) }}" style="text-decoration: none">
<img src="{{ asset('build/img/en_flag.jpg') }}" alt="English"
style="
{% if currentLocale == 'en' %}
width: 40px; height: 25px;
{% else %}
width: 30px; height: 20px; filter: grayscale(100%);
{% endif %}
">
</a>
</div>
</div>