<style>
.sidebar{
background-color: #198754;
}
.jeu{
color: white;
margin-left: 30px;
}
.jeu:hover{
background-color: #a4dbc8;
border-radius: 10px;
padding: 10px;
}
@media print {
.header {
display: none;
}
}
</style>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center bg-light">
<div class="d-flex align-items-center justify-content-between">
<a style="text-decoration: none;" href="{{ path('home.index') }}" class="logo d-flex align-items-center">
<img src={{ asset("assets/logo/malakit.png") }} height="1000px" width="170px" alt="">
<span class="d-none d-lg-block"></span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->
<div class="search-bar">
<form class="search-form d-flex align-items-center" method="POST" action="#">
<input type="text" name="query" placeholder="Search" title="Enter search keyword">
<button type="submit" title="Search"><i class="bi bi-search"></i></button>
</form>
</div><!-- End Search Bar -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<li class="nav-item d-block d-lg-none">
<a class="nav-link nav-icon search-bar-toggle" href="#">
<i class="bi bi-search"></i>
</a>
<!-- End bar Icon-->
<li>
<a class="dropdown-item d-flex align-items-center" href="">
<span></span>
</a>
</li><!-- End parametre Icon -->
<li>
<a class="dropdown-item d-flex align-items-center" href="">
<i class="bi bi-question-circle"></i>
<span></span>
</a>
</li><!-- End aide Icon -->
<li>
<a class="dropdown-item d-flex align-items-center" href="">
<i class="bi bi-bell "></i>
<span></span>
</a>
</li><!-- End notification Icon -->
{# <li class="nav-item dropdown">
<a class="nav-link nav-icon" href="#" data-bs-toggle="">
<i style="color :#7b7b80;" class="bi bi-bell "></i>
<span class=""></span>
</a>
</li><!-- End Notification Icon --> #}
<div class="d-flex " style="height: 45px;">
<div class="vr border-danger"></div>
</div><!-- End separation Icon -->
<li class="nav-item dropdown pe-3">
<a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
<i style="color :#0d6efd;" heigth="80px" class="bi bi-person-circle text-dark"></i>
<span class="d-none d-md-block dropdown-toggle ps-2"></span>
</a><!-- End Profile Iamge Icon -->
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
{% if app.user %}
<li class="dropdown-header">
<h6>{{app.user.nom}}</h6>
<span></span>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_logout')}}">
<i class="bi bi-box-arrow-right"></i>
<span>Se déconnecter</span>
</a>
</li>
{% else %}
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_security')}}">
<i class="bi bi-box-arrow-right"></i>
<span>Se connecter</span>
</a>
</li>
{% endif %}
</ul><!-- End Profile Dropdown Items -->
</li><!-- End Profile Nav-->
</ul>
</nav><!-- End Icons Navigation -->
</header><!-- End Header -->
<!-- ======= Sidebar ======= -->
<aside style=" line-height: 30px; margin-left: -80px;" id="sidebar" class="sidebar" >
<ul class="sidebar-nav " id="sidebar-nav">
<li class="nav-item">
<a style="font-size: 17px; text-decoration: none; margin-left: 80px;"class="text-light" href="{{ path('home.index') }}">
<span> <i class="bi bi-speedometer"></i> Tableau de bord</span>
</a>
</li><!-- End spent Page Nav -->
<li style="padding-top: 20px;" class="nav-item">
<a style="text-decoration: none; margin-left: 65px; " class="text-light " data-bs-target="#forms-nav" href="{{ path('app_client_index') }}">
<span class="jeu"><i class="bi bi-person-fill"></i> Client</span>
</a>
</li><!-- End user Nav -->
<li style="padding-top: 15px;" class="nav-item">
<a style="text-decoration: none; margin-left: 65px;" class="text-light" data-bs-target="#components-nav" data-bs-toggle="" href="{{path('app_fournisseurs_index')}}">
<span class="jeu"><i class="bi bi-person-fill"></i> Fournisseur</span>
</a>
</li><!-- End facture Nav -->
<li style="padding-top: 10px;" class="nav-item">
<a style="text-decoration: none; margin-left: 65px;" class="text-light" data-bs-target="#components-nav" data-bs-toggle="" href="{{path('app_article_index')}}">
<span class="jeu"><i class="bi bi-cart-dash-fill"></i></i> Article</span>
</a>
<ul id="components-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
</ul>
</li><!-- End Article Nav --> </br>
{# <li style="padding-top: 15px;" class="nav-item">
<a style="text-decoration: none; margin-left: 65px;" class="text-light " data-bs-target="#charts-nav" data-bs-toggle="collapse" href="#">
<span class="jeu"><i class="bi bi-bar-chart"></i> Rapport</span></br>
</a>
</li><!-- End report Nav --></br>#}
{% if is_granted('ROLE_USER_VENDEUR') %}
<!-- Ajout finance de vente-->
<li class="nav-item dropdown pe-3">
<a style="text-decoration: none; margin-left: 65px;" class="text-light " class="nav-link d-flex pe-3" href="#" data-bs-toggle="dropdown">
<span class="jeu" class="dropdown-toggle ps-2"><i class="bi bi-cash-coin"></i> Finance</span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li class="dropdown-header">
<h6>Finance</h6>
<span></span>
</li>
<li>
<hr class="dropdown-divider">
</li>
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_depense_index')}}">
{# <i class="bi bi-currency-exchange"></i> #}
<span>Depense</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_facture_controller2_index')}}"
{# <i class="bi bi-file-earmark"></i> #}
<span>Facture</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_devis_index')}}">
{# <i class="bi bi-receipt"></i> #}
<span>Devis</span>
</a>
</li>
</ul>
</li><!-- End point de vente--></br>
{% endif %}
<!-- Ajout comptabilite de vente-->
<li class="nav-item dropdown pe-3">
<a style="text-decoration: none; margin-left: 65px;" class="text-light " class="nav-link d-flex pe-3" href="#" data-bs-toggle="dropdown">
<span class="jeu" class="dropdown-toggle ps-2"><i class="bi bi-file-earmark-spreadsheet"></i> comptabilite</span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li class="dropdown-header">
<h6>comptabilite</h6>
<span></span>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_journal_comptable_index')}}">
<i class="bi bi-journal-text"></i>
<span>Journal</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_balance')}}">
<i class="bi bi-journal-text"></i>
<span>Balance</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_compteresultat_show')}}">
<i class="bi bi-journal-text"></i>
<span>Compte Résultat</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_compte_comptable')}}">
<i class="bi bi-journal-text"></i>
<span>Plan Comptable</span>
</a>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_bilan_index')}}">
<i class="bi bi-journal-text"></i>
<span>Bilan</span>
</a>
<a class="dropdown-item d-flex align-items-center" {# href="{{path('app_compte_comptable')}}" #}>
<i class="bi bi-journal-text"></i>
<span>Amortissement</span>
</a>
</li>
</ul>
<li style="margin-left: 75px;"class="nav-heading">Pages</li>
{% if is_granted('ROLE_ADMIN') %}
<!-- Ajout users-->
<li class="nav-item dropdown pe-3">
<a style="text-decoration: none; margin-left: 65px;" class="text-light " class="nav-link d-flex pe-3" href="" data-bs-toggle="dropdown">
<span class="jeu"class="dropdown-toggle ps-2"><i class="bi bi-people-fill text-white"></i> Utilisateurs</span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li class="dropdown-header">
<h6 >Utilisateurs</h6>
<span></span>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="{{ path('app_register')}}">
{# <i class="bi bi-person-circle"></i> #}
<span>Creer un utilisateur</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="{{path('app_vendeur_index')}}">
{# <i class="bi bi-person-fill"></i> #}
<span>Vendeur</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
</ul>
</li><!-- End users-->
{% endif %}
</ul>
</aside><!-- End Sidebar-->