{# templates/client_v2/layout/client_header_mobile.html.twig #}
<header class="header-mobile d-block d-lg-none">
    <div class="header-mobile__bar">
        <div class="container-fluid">
            <div class="header-mobile-inner">
                <a class="logo" href="{{ path('client_mes_devis') }}">
                    <img src="{{ asset('img/logo-cleanolia-france.png') }}" alt="Admin">
                </a>
                <button class="hamburger hamburger--slider" type="button">
                    <span class="hamburger-box">
                        <span class="hamburger-inner"></span>
                    </span>
                </button>
            </div>
        </div>
    </div>
    <nav class="navbar-mobile">
        <div class="container-fluid">
            <ul class="navbar-mobile__list list-unstyled">
                <li class="has-sub">
                    <a class="js-arrow" href="{{ path('client_mes_devis') }}">
                        <i class="zmdi zmdi-format-list-bulleted i-level-1"></i> Mes demandes de devis
                    </a>
                </li>
                <li class="has-sub">
                    <a class="js-arrow" href="{{ path('client_nouvelle_demande') }}">
                        <i class="zmdi zmdi-playlist-plus i-level-1"></i> Nouvelle demande
                    </a>
                </li>
                <li class="has-sub">
                    <a class="js-arrow" href="{{ path('client_mes_demandes_cloturees') }}">
                        <i class="zmdi zmdi-calendar-close i-level-1"></i> Mes demandes clôturées
                    </a>
                </li>
                <li class="has-sub">
                    <a class="js-arrow" href="{{ path('client_edit_password') }}">
                        <i class="zmdi zmdi-key i-level-1"></i> Changer le mot de passe
                    </a>
                </li>
            </ul>
        </div>
    </nav>
</header>