{#Sidebar intégré dan le fichier base.html.twig#}


{#Diviseur de la barr latéral#}
<hr class="sidebar-divider">


<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar" style="position: relative; top: 2%;">

{#Fonction possible par les CREATEUR et les VIEWER#}

{% if app.user.role == "CREATEUR" or app.user.role == "VIEWER" %}

            <!-- Logo Barre Latéral -->
            <a class="sidebar-brand d-flex align-items-center justify-content-center" href="{{ path('index') }}" style="position: relative;">
                <img src="{{ asset('img/Logo-Atima-Blanc.png') }}" alt="Logo" class="sidebar-brand-image" style="width: 100%; height: auto;">
            </a>

            <!-- Diviseur -->
            <hr class="sidebar-divider my-0">

            <!-- Tableau de Bord -->
            <li class="nav-item">
                
            </li>

            <!-- Diviseur -->
            <hr class="sidebar-divider">

            <!--Radiographies-->
            <div class="sidebar-heading">
                Radiographies
            </div>
                
                {#Liste des radios#}
                <li class="nav-item">
                    <a class="nav-link" href="{{ path("radio_tableau") }}">
                        <i class="fa fa-list"></i>
                        <span>Liste des radiographies</span>
                    </a>
                </li>
 
            {#Seul le CREATEUR à accés à cela#}
            {% if app.user.role == "CREATEUR" %}
                <li class="nav-item">
                    {#Fonction pour uploader une radio#}
                    <a class="nav-link" href="{{ path('upload_interne', {'id': app.user.getLaClinique.id}) }}">
                        <i class="fas fa-fw fa-cloud-upload-alt"></i>
                        <span>Uploader une radiographie</span></a>
                </li>
                <!-- Diviseur -->
                <hr class="sidebar-divider">
                
                <div class="sidebar-heading">
                    Comptes
                </div>

                
                <!--Fonction pour creer un compte-->
                <li class="nav-item">
                    <a class="nav-link" href="{{ path('creer_compte_viewer', {'id': app.user.getLaClinique.id}) }}">
                        <i class="fa fa-user-plus"></i>
                        <span>Créer Compte Viewer</span></a>
                </li>
            {% endif %}

            <hr class="sidebar-divider d-none d-md-block">
            
            <!-- Diviseur -->
            <div class="sidebar-heading">
                Mon Compte
            </div>

            <!--Fonction pour accéder aux infos de son compte-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("mon_compte") }}">
                    <i class="fa fa-user-circle"></i>
                    <span>Mon Compte</span></a>
            </li>

            


            <!--Deconnexion-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("app_logout") }}">
                    <i class="fa fa-power-off"></i>
                    <span>Déconnexion</span></a>
            </li>

            <!-- Bouton pour reduire la sidebar -->
            <div class="text-center d-none d-md-inline">
                <button class="rounded-circle border-0" id="sidebarToggle"></button>
            </div>




            <!--Fonction pour l'ADMIn-->
{% elseif app.user.role == "ADMIN_ATIMA" %}
 
            <!-- Logo Barre latéral -->
            <a class="sidebar-brand d-flex align-items-center justify-content-center" href="{{ path('index') }}" style="position: relative;">
                <img src="{{ asset('img/Logo-Atima-Blanc.png') }}" alt="Logo" class="sidebar-brand-image" style="width: 100%; height: auto;">
            </a>

            <!-- Diviseur -->
            <hr class="sidebar-divider my-0">

            <!-- Tableau de Bord -->
            <li class="nav-item">
                <a class="nav-link" href="{{ path('index') }}">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Tableau de Bord</span></a>
            </li>


            <!-- Diviseur -->
            <hr class="sidebar-divider">
            
            <!--COMPTES-->
            <div class="sidebar-heading">
                Comptes / Cliniques
            </div>

             <!--Fonction pour creer une clinique-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("new_clinique") }}">
                    <i class="fas fa-plus"></i>
                    <span>Créer une clinique</span></a>
            </li>

             <!--Fonction pour voir la liste des utilisateurs-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("tab_compte_client") }}">
                    <i class="fa fa-list"></i>
                    <span>Liste des utilisateurs</span></a>
            </li>

             <!--Fonction pour voir la liste des clinique-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("liste_clinique") }}">
                    <i class="fa fa-list"></i>
                    <span>Liste des cliniques</span></a>
            </li>
            
             <!--Diviseur-->
            <hr class="sidebar-divider d-none d-md-block">
            
            <div class="sidebar-heading">
                Formats et Modalites
            </div>

             <!--Fonction pour ajouter et voir les formats-->
            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#formats" aria-expanded="true" aria-controls="formats">
                    <i class="fas fa-file-code"></i>
                    <span>Formats</span>
                </a>
                <div id="formats" class="collapse" aria-labelledby="headingUtilities" data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                        <h6 class="collapse-header">Options de Formats:</h6>
                        <a class="collapse-item" href="{{ path("creer_format") }}">Ajouter</a>
                        <a class="collapse-item" href="{{ path("liste_format")}}">Voir la liste</a>

                    </div>
                </div>
            </li>


            <!--Fonction pour ajouter et voir les modalites-->
            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#modalites" aria-expanded="true" aria-controls="modalites">
                    <i class="fas fa-x-ray"></i>
                    <span>Modalités</span>
                </a>
                <div id="modalites" class="collapse" aria-labelledby="headingUtilities" data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                        <h6 class="collapse-header">Options de Modalités : </h6>
                        <a class="collapse-item" href="{{ path("creer_modalite") }}">Ajouter</a>
                        <a class="collapse-item" href="{{ path("liste_modalite") }}">Voir la liste</a>

                    </div>
                </div>
            </li>



            <!-- Diviseur -->
            <hr class="sidebar-divider d-none d-md-block">

            <div class="sidebar-heading">
                Mon Compte
            </div>
            <!--Fonction pour voir son compte-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("mon_compte") }}">
                    <i class="fa fa-user-circle"></i>
                    <span>Mon Compte</span></a>
            </li>

            <!--Deconnexion-->
            <li class="nav-item">
                <a class="nav-link" href="{{ path("app_logout") }}">
                    <i class="fa fa-power-off"></i>
                    <span>Déconnexion</span></a>
            </li>

            <!-- Bouton pour reduire la barre latéral -->
            <div class="text-center d-none d-md-inline">
                <button class="rounded-circle border-0" id="sidebarToggle"></button>
            </div>

{% else %}
<div style="color:red">ERREUR : PAS DE ROLE</div>
{% endif %}
</ul>