<header class="m_site-header">
    <div class="m_top-header">
        <div class="m_container-lg">
            <div class="m_top-header-lang m_flex">
                <div id="m_dropdownLang" class="m_dropdownLang">
                    {% if app.request.locale == 'fr' %}
                    <span>{{'french'|trans}}</span>
                    {% else %}
                        <span>{{'english'|trans}}</span>

                    {% endif %}
                    <ul class="m_menu-lang">
                        <li class="{% if app.request.locale == 'fr' %}m_selected{% endif %}">
                            <a href="{{ path('change_locale', {'locale': 'fr'}) }}"> {{'french'|trans}}</a>
                        </li>
                        <li class="{% if app.request.locale == 'en' %}m_selected{% endif %}">
                            <a href="{{ path('change_locale', {'locale': 'en'}) }}"> {{'english'|trans}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="m_nav-header">
        <div class="m_container-lg">
            <div class="m_flex m_nav-header-items">
                <a class="m_nav-brand" href="{{ path('app_home') }}" title="Accueil">
                    <img alt="Logo WKWBC" title="Accueil"
                         src="{{ logo.thumbnail is defined and logo.thumbnail.filename is defined
                         ? path('proxy_avatar', {'path': logo.thumbnail.filename})
                         : asset('images/defaults/media.png') }}"
                         style="width: 200px"
                    />
                </a>
                <div class="m_menu-header">
                    <div class="m_menu-bars-header">
                        <a href="#m_menu-mobile"><i class="fa fa-bars"></i></a>
                    </div>
                    <nav class="m_nav-menu">
                        {% if items is defined and items is not empty %}
                            <ul>
                                {% for item in items %}
                                    {% set localeCode = item.i18ns[0].locale|split('_')|first %}
                                    {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? item.i18ns[0] : (item.i18ns[1] is defined ? item.i18ns[1] : null) %}
                                    {% if i18n %}
                                        <li><a href="{{ path(item.routeName) }}">{{ i18n.name }}</a></li>
                                    {% endif %}
                                {% endfor %}
                            </ul>
                        {% else %}
                            <p>{{'no.items'|trans}}</p>
                        {% endif %}
                    </nav>
                    <nav id="m_menu-mobile">
                        {% if items is defined and items is not empty %}
                            <ul>
                                {% for item in items %}
                                    {% set localeCode = item.i18ns[0].locale|split('_')|first %}
                                    {% set i18n = (app.request.locale == localeCode and localeCode is defined) ? item.i18ns[0] : (item.i18ns[1] is defined ? item.i18ns[1] : null) %}
                                    {% if i18n %}
                                        <li><a href="{{ path(item.routeName) }}">{{ i18n.name }}</a></li>
                                    {% endif %}
                                {% endfor %}
                            </ul>
                        {% else %}
                            <p>{{'no.items'|trans}}</p>
                        {% endif %}
                    </nav>
                </div>
                <div class="m_header-search">
                    <form action="{{ path('app_global_search') }}" method="get" role="search" class="m_search-form">
                        <label>
                            <input type="search" class="m_search-field" placeholder={{ 'research'|trans }} name="q"
                                   value="{{ app.request.query.get('q') }}">
                        </label>
                        <input type="submit" class="m_search-submit" value="Recherche">
                    </form>
                </div>

            </div>
        </div>
    </div>
</header>