<nav class="navbar navbar-vertical navbar-expand-xl navbar-light">
<div class="d-flex align-items-center">
<div class="toggle-icon-wrapper">
<button class="btn navbar-toggler-humburger-icon navbar-vertical-toggle" data-toggle="tooltip" data-placement="left" title="Toggle Navigation"><span class="navbar-toggle-icon"><span class="toggle-line"></span></span></button>
</div><a class="navbar-brand" href="{{ path('app_core_homepage') }}">
<div class="d-flex align-items-center py-3"><img class="mr-2" src="{{ asset('icon/ehtools_icon_blue.png') }}" alt="" width="150" />
{#<span class="text-sans-serif">
OKAPI
</span>#}
</div>
</a>
</div>
<div class="collapse navbar-collapse navbar-glass perfect-scrollbar scrollbar" id="navbarVerticalCollapse">
<ul class="navbar-nav flex-column">
<li class="nav-item">
<a class="nav-link" href="{{ path('app_core_homepage') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-home"></span>
</span><span class="nav-link-text"> Accueil</span>
</div>
</a>
{#<ul class="nav collapse" id="home" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="index.html">Dashboard</a>
</li>
<li class="nav-item"><a class="nav-link" href="home/dashboard-alt.html">Dashboard alt</a>
</li>
<li class="nav-item"><a class="nav-link" href="home/feed.html">Feed</a>
</li>
<li class="nav-item"><a class="nav-link" href="home/landing.html">Landing</a>
</li>
</ul>#}
</li>
{#<li class="nav-item">
<a class="nav-link settings-popover" href="#settings-modal" data-toggle="modal">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouvelle transaction</span>
</div>
</a>
</li>#}
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#alert" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="alert">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-bell"></span></span><span class="nav-link-text">Alerte</span></div>
</a>
<ul class="nav collapse" id="alert" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_alert_add') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouvelle</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_alert_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('sgs') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Priorisation-Reponse</span>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#movement" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="movement">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fa fa-male mr-3"></span></span><span class="nav-link-text">Mouvement</span></div>
</a>
<ul class="nav collapse" id="movement" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_movement_registrealert') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouveau</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_movement_register_deplace') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre des déplacés</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_movement_register_retour') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre des retournés</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_factsheet_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Extraits-facsheets</span>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#projet" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="projet">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-lightbulb"></span></span><span class="nav-link-text">Projets</span></div>
</a>
<ul class="nav collapse" id="projet" data-parent="#navbarVerticalCollapse" style="">
{# <li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_project_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre</span>
</div>
</a>
</li> #}
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_project_register_partner') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Mes projets</span>
</div>
</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_project_register_partner') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Rapportage </span>
</div>
</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Extrait</span>
</div>
</a>
</li>
</ul>
</li>
{# <li class="nav-item">
<a class="nav-link dropdown-indicator" href="#crise" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="crise">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-fire"></span></span><span class="nav-link-text">Crise</span></div>
</a>
<ul class="nav collapse" id="crise" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_crisis_add') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouvelle</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_crisis_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre</span>
</div>
</a>
</li>
</ul>
</li> #}
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#contact" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="contact">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fa fa-map mr-3"></span></span><span class="nav-link-text"> Adresses & Contacts</span></div>
</a>
<ul class="nav collapse" id="contact" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_actor_add') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouvel Acteur</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_actor_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre des Acteurs</span>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#impression" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="impression">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fa fa-print mr-3"></span></span><span class="nav-link-text">Impression</span></div>
</a>
<ul class="nav collapse" id="impression" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_productrequest_add') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Nouvelle</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_productrequest_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_product_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Ajouter produit</span>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#document" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="document">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-file-contract"></span></span><span class="nav-link-text"> Évaluation & document</span></div>
</a>
<ul class="nav collapse" id="document" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_new_document') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-exchange-alt"></span>
</span><span class="nav-link-text"> Ajouter un Document</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('ehtools_document_register') }}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre des Documents</span>
</div>
</a>
</li>
</ul>
</li>
{#<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#transaction" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="transaction">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span>
<span class="nav-link-text">Transaction</span>
</div>
</a>
<ul class="nav collapse" id="transaction" data-parent="#navbarVerticalCollapse">
<li class="nav-item">
<a class="nav-link" href="{{ path('makuta_financial_transaction_add_transaction', {'operation': app_operation_debit}) }}"><span class="fas fa-exchange-alt mr-2"></span>Transfert d'argent</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('makuta_financial_transaction_add_transaction', {'operation': app_operation_credit}) }}"><span class="far fa-paper-plane mr-2"></span>Demande d'un paiement</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_ft_my_transactions') }}"><span class="fas fa-folder-open mr-2"></span>Mes transactions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="fas fa-chart-bar mr-2"></span>Tableau de bord</a>
</li>
</ul>
</li>#}
{#<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#declaration" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="declaration">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span>
<span class="nav-link-text">Déclaration</span>
</div>
</a>
<ul class="nav collapse" id="declaration" data-parent="#navbarVerticalCollapse">
<li class="nav-item">
<a class="nav-link" href="#"><span class="fas fa-user"></span> Mon compte</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="fas fa-plus"></span> Nouvelle déclaration</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="fas fa-folder-open"></span> Registre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="fas fa-chart-bar"></span> Tableau de bord</a>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#email" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="email">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="far fa-money-bill-alt"></span>
</span><span class="nav-link-text">Taxation</span>
<span class="badge badge-pill ml-2 badge-soft-success"></span>
</div>
</a>
<ul class="nav collapse" id="email" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="email/inbox.html">Inbox</a>
</li>
<li class="nav-item"><a class="nav-link" href="email/email-detail.html">Email detail</a>
</li>
<li class="nav-item"><a class="nav-link" href="email/compose.html">Compose</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#authentication" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="authentication">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="far fa-calendar-check"></span>
</span>
<span class="nav-link-text">Ordonnancement</span>
</div>
</a>
<ul class="nav collapse" id="authentication" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#authentication-basic" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="authentication-basic">Basic</a>
<ul class="nav collapse" id="authentication-basic" data-parent="#authentication">
<li class="nav-item"><a class="nav-link" href="authentication/basic/login.html">Login</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/logout.html">Logout</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/register.html">Register</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/forgot-password.html">Forgot password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/reset-password.html">Reset password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/confirm-mail.html">Confirm mail</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/basic/lock-screen.html">Lock screen</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#authentication-card" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="authentication-card">
Card
</a>
<ul class="nav collapse" id="authentication-card" data-parent="#authentication">
<li class="nav-item"><a class="nav-link" href="authentication/card/login.html">Login</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/logout.html">Logout</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/register.html">Register</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/forgot-password.html">Forgot password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/reset-password.html">Reset password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/confirm-mail.html">Confirm mail</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/card/lock-screen.html">Lock screen</a>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#authentication-split" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="authentication-split">Split</a>
<ul class="nav collapse" id="authentication-split" data-parent="#authentication">
<li class="nav-item"><a class="nav-link" href="authentication/split/login.html">Login</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/logout.html">Logout</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/register.html">Register</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/forgot-password.html">Forgot password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/reset-password.html">Reset password</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/confirm-mail.html">Confirm mail</a>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/split/lock-screen.html">Lock screen</a>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="authentication/wizard.html">Wizard</a>
</li>
<li class="nav-item"><a class="nav-link" href="#!" data-toggle="modal" data-target="#authentication-modal">In Modal</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#e-commerce" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="e-commerce">
<div class="d-flex align-items-center"><span class="nav-link-icon">
<span class="fas fa-thumbs-up"></span>
</span>
<span class="nav-link-text">
Apurement
</span>
</div>
</a>
<ul class="nav collapse" id="e-commerce" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="e-commerce/product-list.html">Product list</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/product-grid.html">Product grid</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/product-details.html">Product details</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/orders.html">Orders</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/order-details.html">Order details</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/customers.html">Customers</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/shopping-cart.html">Shopping cart</a>
</li>
<li class="nav-item"><a class="nav-link" href="e-commerce/checkout.html">Checkout</a>
</li>
</ul>
</li>
</ul>
<div class="px-3 px-xl-0 navbar-vertical-divider">
<hr class="border-300 my-2" />
</div>
<ul class="navbar-nav flex-column">
<li class="nav-item active"><a class="nav-link" href="widgets.html">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-poll"></span></span><span class="nav-link-text"> Widgets</span><span class="badge badge-pill ml-2 badge-soft-success">New</span>
</div>
</a></li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#components" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="components">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-puzzle-piece"></span></span><span class="nav-link-text">Components</span>
</div>
</a>
<ul class="nav collapse" id="components" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="components/accordion.html">Accordion</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/alerts.html">Alerts</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/carousel.html">Carousel</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/collapse.html">Collapse</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/navbar-top.html">
<div class="d-flex align-items-center"><span>Navbar top</span><span class="badge badge-pill ml-2 badge-soft-success">New</span></div>
</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/navbar-vertical.html">Navbar vertical</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/page-headers.html">Page headers</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/sidepanel.html">
<div class="d-flex align-items-center"><span>Sidepanel</span><span class="badge badge-pill ml-2 badge-soft-success">New</span></div>
</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/toasts.html">Toasts</a>
</li>
<li class="nav-item"><a class="nav-link" href="components/tooltips.html">Tooltips</a>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#utilities" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="utilities">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-fire"></span></span><span class="nav-link-text">Utilities</span>
</div>
</a>
<ul class="nav collapse" id="utilities" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="utilities/borders.html">Borders</a>
</li>
<li class="nav-item"><a class="nav-link" href="utilities/clearfix.html">Clearfix</a>
</li>
<li class="nav-item"><a class="nav-link" href="utilities/close-icon.html">Close icon</a>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#plugins" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="plugins">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-plug"></span>
</span>
<span class="nav-link-text">Administration</span>
</div>
</a>
<ul class="nav collapse" id="plugins" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="#">Gestion des utilisateurs</a>
</li>
<li class="nav-item"><a class="nav-link" href="#">Panneau de configuration</a>
</li>
</ul>
</li>
</ul>
#}
<div class="px-3 px-xl-0 navbar-vertical-divider">
<hr class="border-300 my-2" />
</div>
<ul class="navbar-nav flex-column">
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#configuration" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="configuration">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-book"></span></span><span class="nav-link-text">Configuration</span>
</div>
</a>
<ul class="nav collapse" id="configuration" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="{{path('ehtools_activityConfig_add')}}">Ajouter Activité</a>
</li>
<li class="nav-item"><a class="nav-link" href="#">Ajouter indicateur</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dropdown-indicator" href="#user" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="user">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fa fa-user mr-3"></span></span><span class="nav-link-text">Utilisateur</span></div>
</a>
<ul class="nav collapse" id="user" data-parent="#navbarVerticalCollapse" style="">
<li class="nav-item">
<a class="nav-link" href="{{ path('oneid_user_account')}}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fa fa-user mr-3"></span>
</span><span class="nav-link-text">Compte Info</span>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{path('oneid_user_list')}}">
<div class="d-flex align-items-center">
<span class="nav-link-icon">
<span class="fas fa-copy"></span>
</span><span class="nav-link-text"> Registre</span>
</div>
</a>
</li>
</ul>
</li>
</ul>
<div class="px-3 px-xl-0 navbar-vertical-divider">
<hr class="border-300 my-2" />
</div>
<ul class="navbar-nav flex-column">
<li class="nav-item"><a class="nav-link dropdown-indicator" href="#documentation" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="documentation">
<div class="d-flex align-items-center"><span class="nav-link-icon"><span class="fas fa-book"></span></span><span class="nav-link-text">Documentation</span>
</div>
</a>
<ul class="nav collapse" id="documentation" data-parent="#navbarVerticalCollapse">
<li class="nav-item"><a class="nav-link" href="#">Conditions d'utilisation</a>
</li>
<li class="nav-item"><a class="nav-link" href="#">Manuel d'utilisation</a>
</li>
{#<li class="nav-item"><a class="nav-link" href="documentation/customization.html">Customization</a>
</li>
<li class="nav-item"><a class="nav-link" href="documentation/dark-mode.html">Dark mode</a>
</li>
<li class="nav-item"><a class="nav-link" href="documentation/fluid-layout.html">Fluid layout</a>
</li>
<li class="nav-item"><a class="nav-link" href="documentation/gulp.html">Gulp</a>
</li>
<li class="nav-item"><a class="nav-link" href="documentation/RTL.html">RTL</a>
</li>
<li class="nav-item"><a class="nav-link" href="documentation/plugins.html">Plugins</a>
</li>#}
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="#">
<div class="d-flex align-items-center"><span class="nav-link-icon">
<span class="fas fa-code-branch"></span></span><span class="nav-link-text"> Version</span>
<span class="badge badge-pill ml-2 badge-soft-primary">v4.0.0</span>
</div>
</a></li>
</ul>
<div class="px-3 px-xl-0 navbar-vertical-divider">
<hr class="border-300 my-2" />
</div>
{#<div class="settings px-3 px-xl-0">
<div class="navbar-vertical-divider">
<hr class="border-300 my-3" />
</div><a class="btn btn-primary btn-sm btn-block my-3 btn-purchase" href="https://themes.getbootstrap.com/product/falcon-admin-dashboard-webapp-template/">
Purchase</a>
</div>#}
</div>
</nav>