<div class="header-menu-mobile  py-3 d-block d-lg-none">
    <div class="container">
        <div class="header-menu-content d-flex gap-3 justify-content-between align-items-center">
            <div class="logo">
                <a href="{{ path('app_front_home') }}">
                    <img alt="logo" src="{{ asset('vendors/assets/img/logo-bbb.png') }}"/>
                </a>
            </div>
            <nav class="menuMobile" id="menuMobile">
                <ul class="main-menu">
                    <li><a href="{{ path('app_front_home') }}">{{ 'menu.home'|trans({}, 'app') }}</a></li>
                    <li class="has-children menu-parent">
                        <a href="{{ path('app_business_public_products') }}">{{ 'menu.products'|trans({}, 'app') }}</a>
                        {% include 'core/front/shared/product-menu.html.twig' with {menu: menu} %}
                    </li>
                    <li class="has-children menu-parent">
                        <a href="#">{{ 'menu.services'|trans({}, 'app') }}</a>
                        <ul>
                            <li><a href="{{ path('app_business_public_product_depot') }}">{{ 'menu.deposit'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_front_cms_claim') }}">{{ 'menu.claim'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_front_mentorship') }}">{{ 'menu.mentorship'|trans({}, 'app') }}</a></li>
{#                            <li><a href="#">{{ 'menu.card_request'|trans({}, 'app') }}</a></li>#}
                            <li><a href="{{ path('business_front_request_form_checkbook') }}">{{ 'menu.checkbook_request'|trans({}, 'app') }}</a></li>
                        </ul>
                    </li>
                    <li class="has-children menu-parent">
                        <a href="{{ path('app_front_about_us') }}">{{ 'menu.about_us'|trans({}, 'app') }}</a>
                        <ul>
                            <li><a href="{{ path('app_front_about_us') }}">{{ 'menu.about'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_front_gouvernance') }}">{{ 'menu.governance'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_front_carreers') }}">{{ 'menu.careers'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_blog_posts') }}">{{ 'menu.news'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_front_contact') }}">{{ 'menu.contacts'|trans({}, 'app') }}</a></li>>
                        </ul>
                    </li>
                    <li><a href="{{ path('app_business_public_agencies') }}">{{ 'menu.atm'|trans({}, 'app') }}</a></li>
                    <li>
                        <a href="{{ path('business_front_request_form_simulator') }}">{{ 'menu.simulators'|trans({}, 'app') }}</a>
                    </li>
                    <li class="has-children menu-parent">
                        <a href="#" class="btn btn-green">{{ 'menu.open_account'|trans({}, 'app') }}</a>
                        <ul>
                            <li><a href="{{ path('app_business_become_customer') }}">{{ 'menu.physical_person'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_business_become_moral_customer') }}">{{ 'menu.moral_person'|trans({}, 'app') }}</a></li>
                        </ul>
                    </li>
                    <li class="link-pers-white">
                        <a href="{{ path('app_business_public_product_ebanking') }}">{{ 'menu.ebanking'|trans({}, 'app') }}</a>
                        <ul>
                            <li><a href="https://ebanking.bangebj.com/" target="_blank">{{ 'menu.connect'|trans({}, 'app') }}</a></li>
                            <li><a href="{{ path('app_business_public_product_ebanking') }}">{{ 'menu.subscribe'|trans({}, 'app') }}</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="d-flex gap-3 align-items-center">
                <div class="header-lang">
                    {% for locale in available_locales %}
                        {% if locale != current_locale %}
                            <a href="{{ path(currentRoute, currentParams|merge({'_locale': locale})) }}"
                               class="text-uppercase">
                                {{ locale }}
                            </a>
                        {% endif %}
                    {% endfor %}
                </div>
                <div class="menu-mobile">
                    <a href="#menuMobile">
                        <i class="bar"></i>
                        <i class="bar"></i>
                        <i class="bar"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>