{# <li><a href="{{ path('app_pays_index') }}"data-turbo-confirm="Do you want to leave this page?">Pays</a></li>
            <li><a href="{{ path('app_societe_index') }}"data-turbo-confirm="Do you want to leave this page?">Societé</a></li>
            <li><a href="{{ path('app_province_index') }}"data-turbo-confirm="Do you want to leave this page?">Province</a></li>
#}

<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="{{ path('app_user_profile') }}"
       aria-expanded="false">
        <i class="mdi mdi-av-timer"></i>
        <span class="hide-menu">Tableau de bord</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1"></span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_user_profile') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Consulter Tableau de bord</span>
            </a>
        </li>


    </ul>
</li>
<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="fas fa-book"></i>
        <span class="hide-menu">Reservation</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_reservation_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Ajouter</span>
            </a>
        </li>
        <li class="sidebar-item">
            <a href="{{ path('app_reservation_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Tickets</span>
            </a>
        </li>
       {# <li class="sidebar-item">
            <a href="{{ path('app_client_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Passagers </span>
            </a>
        </li>#}

    </ul>
</li>

<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="fas fa-bookmark"></i>
        <span class="hide-menu">Voyage</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_voyage_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Voyage</span>
            </a>
        </li>
       {# <li class="sidebar-item">
            <a href="{{ path('app_pays_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Vehicule </span>
            </a>
        </li>#}

    </ul>
</li>

<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-
    effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="fas fa-bus"></i>
        <span class="hide-menu">Vehicule</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_type_vehicule_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu"> Type vehicule</span>
            </a>
        </li>
        <li class="sidebar-item">
            <a href="{{ path('app_vehicule_societe_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Vehicule </span>
            </a>
        </li>

    </ul>
</li>
<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="fas fa-cog"></i>
        <span class="hide-menu">Administration</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_province_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu"> Province</span>
            </a>
        </li>
        {#  <li class="sidebar-item">
            <a href="{{ path('app_ville_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Ville </span>
            </a>
        </li> #}

    </ul>
</li>


<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="fas fa-user-circle"></i>
        <span class="hide-menu">Client</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">1</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_client_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Liste des client</span>
            </a>
        </li>
       {# <li class="sidebar-item">
            <a href="{{ path('app_reservation_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Tickets</span>
            </a>
        </li>
        <li class="sidebar-item">
            <a href="{{ path('app_client_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Passagers </span>
            </a>
        </li>
#}
    </ul>
</li>





<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="mdi mdi-account"></i>
        <span class="hide-menu">Utilisateur</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_chauffeur_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Chauffeurs</span>
            </a>
        </li>
        <li class="sidebar-item">
            <a href="{{ path('app_personnel_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Personnel </span>
            </a>
        </li>
        <li class="sidebar-item">
            <a href="{{ path('app_register') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Utilisateur </span>
            </a>
        </li>

    </ul>
</li>


<li class="sidebar-item">
    <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)"
       aria-expanded="false">
        <i class="mdi mdi-settings"></i>
        <span class="hide-menu">Administrateur</span>
        <span class="badge bg-inverse rounded-pill ms-auto me-3 font-weight-medium px-2 py-1">2</span>
    </a>
    <ul aria-expanded="false" class="collapse  first-level">

        <li class="sidebar-item">
            <a href="{{ path('app_role_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Roles</span>
            </a>
        </li>

        <li class="sidebar-item">
            <a href="{{ path('app_permission_index') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Permissions</span>
            </a>
        </li>

       {# <li class="sidebar-item">
            <a href="{{ path('app_register') }}" class="sidebar-link">
                <i class="mdi mdi-adjust"></i>
                <span class="hide-menu">Utilisateur </span>
            </a>
        </li>#}

    </ul>
</li>