assure/Vue/gabarit.php
2025-12-05 09:34:39 +00:00

569 lines
22 KiB
PHP
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
require_once 'gabarit_queries.php';
$gabary = new Gabary();
$_SESSION['firstLevelMenu']='';
$current_url = $_SERVER['REQUEST_URI'];
$elements = explode("/", $current_url);
$activeLink = $elements[1];
$_SESSION['firstLevelMenu']=$activeLink;
const MAX_COMPANY_NAME_LENGTH = 20;
/*
if (strlen($_SESSION['nomSociete']) <= MAX_COMPANY_NAME_LENGTH) {
$companyDisplayName = htmlspecialchars($_SESSION['nomSociete'], ENT_QUOTES);
} else {
$companyDisplayName = strtoupper($_SESSION['codeSociete']);
}
*/
$companyDisplayName = htmlspecialchars($_SESSION['nomSociete'], ENT_QUOTES);
$imgData = $_SESSION['photoAssureCrypte'];
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<base href="<?= $racineWeb ?>" >
<!-- Favicons -->
<link rel="icon" href="Bootstrap_new/images/new/favicon.ico"/>
<!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="Bootstrap/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="Bootstrap/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="Bootstrap/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="Bootstrap/vendor/quill/quill.snow.css" rel="stylesheet">
<link href="Bootstrap/vendor/quill/quill.bubble.css" rel="stylesheet">
<link href="Bootstrap/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="Bootstrap/vendor/simple-datatables/style.css" rel="stylesheet">
<link href="Bootstrap_new/css/datatables.min.css" rel="stylesheet">
<link href="Bootstrap_new/css/select2.min.css" rel="stylesheet">
<link href="Bootstrap/css/style.css?ver=2024.03.14.00" rel="stylesheet">
<link href="Bootstrap_new/css/style.css?ver=2025.09.30.06" rel="stylesheet">
<link href="Bootstrap_new/select/css/bootstrap-select.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.min.css" rel="stylesheet">
<title><?= $_SESSION['vue'] ?></title>
<script type="text/javascript">
var modeDev = <?= $_SESSION['modeDev_C'] ?>;
if (modeDev!="1")
{
if (document.addEventListener) {
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
}, false);
} else {
document.attachEvent('oncontextmenu', function () {
window.event.returnValue = false;
});
}
}
</script>
<!-- Libraries -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@1.0.2"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<link rel="stylesheet" href="Bootstrap_new/datatables/datatable.min.css" crossorigin="anonymous">
<link href="Bootstrap_new/css/custom.css?ver=2024.08.26.02" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLdPG8FJ0V7irTLQ8Uo0qcPxh4Plq7G5tGm0rU+1SPhVotteLpBERwTkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="Bootstrap_new/css/style_new.css?ver=2025.11.24.01" rel="stylesheet">
<!-- END: webview fixes -->
</head>
<body >
<?php
$style = "";
$test = "";
$colorTests="";
$flag = (est_anglophone()) ? 'england.png' : 'france.png';
$alt = (est_anglophone()) ? 'English' : 'Français';
$lib = (est_anglophone()) ? 'En' : 'Fr';
if($_SESSION['bdTests_C']== "1"){
$colorTests=$_SESSION['colorTests'];
$style = "background-color: $colorTests;";
$test = "MODE TEST";
}
?>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center " style="<?=$style?>">
<div class="d-flex align-items-center justify-content-between">
<a class="logo d-flex align-items-center">
<img src="Bootstrap_new/images/new/favicon.png" alt="Logo Inter santé"/>
<span class="d-none d-lg-block">INTER SANTE</span>
</a>
<i id="btn_sidebar" class="bi bi-list toggle-sidebar-btn d-lg-inline-block"></i>
<a id="a_deconnect" class="d-flex align-items-center me-4" href="#" title="<?= _("Quitter") ?>">
<i class="bi bi-power me-1" ></i>
<span class="d-none d-lg-inline"><?= _("Quitter") ?></span>
</a>
<a id="a_actualiser" class="d-flex align-items-center" href="javascript:actualiser_page();" title="<?= _("Actualiser la page") ?>">
<i class="fas fa-sync-alt me-1" ></i>
<span class="d-none d-lg-inline"><?= _("Actualiser") ?></span>
</a>
</div>
<!-- End Logo -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<li class="nav-item">
<a title="<?= _("Gestionnaire d'assurance santé");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="javascript:infos_entite();">
<img id="lienLogo" src="<?= $_SESSION['lienLogo'] ?>" alt="Profile" style="width:100px;max-height: 60px;" class="rounded-circle">
<span id="nomSociete" class="d-none d-lg-inline"> <?=$companyDisplayName?> </span>
</a>
</li>
<li class="nav-item dropdown pe-3">
<a title="<?= _("Changer la langue actuelle");?>" style="margin-left:12px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
<?= "<img src='Bootstrap_new/images/$flag' alt='$alt' width='30'>" ?><span class="d-none d-md-block dropdown-toggle ps-2"><?= $lib ?></span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li>
<a class="dropdown-item d-flex align-items-center" href="javascript:changer_langue();">
<i class="fa fa-exchange" aria-hidden="true"></i>
<span ><?=_("Changer de langue")?></span>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown pe-3">
<a title="<?= _("Initial utilisateur connecté");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
<span class="initials"> <?php echo $_SESSION['userInitials_C']; ?> </span>
<span class="d-none d-md-block dropdown-toggle ps-2"></span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li>
<a class="dropdown-item d-flex align-items-center" href="javascript:change_password();">
<i class="fa fa-user-circle" aria-hidden="true"></i>
<span ><?= $_SESSION['utilisateur_C']; ?></span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- End Icons Navigation -->
</header><!-- End Header -->
<!-- ======= Sidebar ======= -->
<aside id="sidebar" class="sidebar">
<?php
$menuChildrenLevelThree = [];
if(sizeof($menusvue) > 0) {
$current_url = $_SERVER['REQUEST_URI'];
$elements = explode("/", $current_url);
$activeLink = $elements[1];
$menuCount = count($menusvue);
$showBurgerMenu = $menuCount > 5;
?>
<!-- Version desktop (affichage normal) -->
<ul class="sidebar-nav desktop-menu" id="sidebar-nav">
<?php foreach ($menusvue as $key3 => $menu): ?>
<li class="nav-item">
<?php if($activeLink === basename($menu['lienMenu'])):?>
<a class="nav-link collapsed" href="<?= $menu['lienMenu']; ?>" title="<?= $menu['descriptionMenu']; ?>">
<i class="<?= $menu['icone'] ?>" style="color:#2c3e50 !important;"></i>
<span style="font-weight:700; color:#2c3e50 !important;"><?= $menu['libeleMenu'] ?></span>
<i class="bi bi-chevron-right ms-auto" style="color:#2c3e50 !important;"></i>
</a>
<?php else:?>
<a class="nav-link collapsed" href="<?= $menu['lienMenu']; ?>" title="<?= $menu['descriptionMenu']; ?>">
<i class="<?= $menu['icone'] ?>"></i>
<span style="font-weight:700"><?= $menu['libeleMenu'] ?></span>
<i class="bi bi-chevron-right ms-auto"></i>
</a>
<?php endif;?>
</li>
<?php endforeach; ?>
</ul>
<!-- Version mobile avec menu burger -->
<div class="mobile-bottom-nav d-lg-none">
<div class="mobile-nav-container">
<?php
// Afficher seulement les 4 premiers menus + le burger
$displayedMenus = array_slice($menusvue, 0, 4);
foreach ($displayedMenus as $key3 => $menu): ?>
<div class="mobile-nav-item">
<a class="mobile-nav-link" href="<?php echo $menu['lienMenu']; ?>" title="<?= $menu['descriptionMenu']; ?>">
<?php if($activeLink === basename($menu['lienMenu'])):?>
<i class="<?= ' '. $menu['icone'] ?> mobile-nav-icon" style="color:#5784BA;"></i>
<span class="mobile-nav-label" style="color:#5784BA;"><?= $menu['libeleMenu'] ?></span>
<?php else:?>
<i class="<?= ' '. $menu['icone'] ?> mobile-nav-icon" style="color:#2c3e50;"></i>
<span class="mobile-nav-label" style="color:#2c3e50;"><?= $menu['libeleMenu'] ?></span>
<?php endif;?>
</a>
</div>
<?php endforeach; ?>
<!-- Menu burger pour les menus supplémentaires -->
<?php if ($showBurgerMenu): ?>
<div class="mobile-nav-item burger-menu-container">
<a class="mobile-nav-link burger-menu-toggle" href="javascript:void(0);" id="burgerMenuToggle">
<i class="bi bi-list mobile-nav-icon burger-icon"></i>
<span class="mobile-nav-label"><?= _("Plus") ?></span>
</a>
<!-- Menu déroulant des menus supplémentaires -->
<div class="burger-dropdown-menu" id="burgerDropdown">
<?php
$additionalMenus = array_slice($menusvue, 4);
foreach ($additionalMenus as $menu): ?>
<a href="<?php echo $menu['lienMenu']; ?>" class="burger-menu-item">
<i class="<?= $menu['icone'] ?>"></i>
<span><?= $menu['libeleMenu'] ?></span>
</a>
<?php endforeach; ?>
</div>
</div>
<?php else: ?>
<!-- Afficher le 5ème menu normalement si exactement 5 menus -->
<?php if (isset($menusvue[4])): ?>
<div class="mobile-nav-item">
<a class="mobile-nav-link" href="<?php echo $menusvue[4]['lienMenu']; ?>" title="<?= $menusvue[4]['descriptionMenu']; ?>">
<?php if($activeLink === basename($menusvue[4]['lienMenu'])):?>
<i class="<?= ' '. $menusvue[4]['icone'] ?> mobile-nav-icon" style="color:#5784BA;"></i>
<span class="mobile-nav-label" style="color:#5784BA;"><?= $menusvue[4]['libeleMenu'] ?></span>
<?php else:?>
<i class="<?= ' '. $menusvue[4]['icone'] ?> mobile-nav-icon" style="color:#2c3e50;"></i>
<span class="mobile-nav-label" style="color:#2c3e50;"><?= $menusvue[4]['libeleMenu'] ?></span>
<?php endif;?>
</a>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
<?php } ?>
</aside>
<main id="main" class="main">
<input class="sr-only" type="text" id="racineWeb" name="racineWeb" value="<?= $racineWeb ?>">
<INPUT class="sr-only" TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['vue'] : ''; ?>">
<input class="sr-only" type="text" id="nomSociete" name="nomSociete" value="<?= $_SESSION['nomSociete'] ?>">
<section class="section main-dashboard">
<div id="contenu" style="margin-top:-58px;">
<div id="div_test_gabarit">
<?php
?>
</div>
<?= $contenu ?>
</div>
</section>
</main><!-- End #main -->
<button class="btn-info-context mb-2" id="showSideNav" title="<?= _("Afficher contexte")?>">
<i class="fa-solid fa fa-angle-double-left" style="font-size:24px"></i> <i class="fa fa-cog fa-spin" style="font-size:24px"></i>
</button>
<div id="barre_laterale_d" class="col-2 sidenav" >
<div class="card shadow-sm p-2">
<!--<button class="btn btn-danger" id="hideSideNav"> <?= _("Cacher contexte") ?> <i class="fa-solid fa-arrow-right"></i></button>-->
<button class="btn-cacher-contexte mb-3 w-100" id="hideSideNav" title="<?= _("Cacher contexte")?>">
<i class="fa fa-cog fa-spin" style="font-size:24px"></i> <i class="fa-solid fa fa-angle-double-right" style="font-size:24px"></i>
</button>
<!-- Informations sur le Souscripteur -->
<div class="mb-2">
<h6 class="text-muted"><?= _("Souscripteur") ?></h6>
<textarea rows="2" cols="25" readonly><?= $this->nettoyer($_SESSION['nomClient_C']) ?></textarea>
</div>
<!-- Adhérent et bénéficiaire -->
<div class="mb-2">
<button class="btn btn-info btn-sm w-100 text-truncate" onclick="javascript:afficher_adherent_id();" id="numeroAdherent_C" NAME="numeroAdherent_C" title="<?= _("Voir les membres de famille")?>">
<i class="fa-solid fa-users"></i> <?= _("Famille")." : ".$this->nettoyer($_SESSION['numeroAdherent_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100 text-truncate" onclick="javascript:afficher_adherent_id();" title="<?= _("Voir les membres de famille")?>">
<?= substr($this->nettoyer($_SESSION['adherent_C']), 0, 25) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100 text-truncate" onclick="javascript:afficher_beneficiaire_id();" id="numeroBeneficiaire_C" NAME="numeroBeneficiaire_C" title="<?= _("Afficher le bénéficiaire")?>">
<i class="fa-solid fa-user"></i> <?= _("Bénéficiaire")." : ".$this->nettoyer($_SESSION['numeroBeneficiaire_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100 text-truncate" onclick="javascript:afficher_beneficiaire_id();" title="<?= _("Afficher le bénéficiaire")?>">
<?= substr($this->nettoyer($_SESSION['beneficiaire_C']), 0, 25) ?>
</button>
</div>
<!-- Photo -->
<div class="photo-container text-center mb-2">
<?php if ($_SESSION['faceRegistered_C']=="1" && $_SESSION['idBeneficiaire_C'] > "0"): ?>
<img src="data:image/jpg;base64,<?=$imgData?>"
class="img-fluid rounded" style="width: 200px;" data-bs-toggle="modal" data-bs-target="#pop_photo" alt="<?= _("Photo") ?>">
<?php endif; ?>
</div>
<!-- Changer le mot de passe -->
<div class="image-container mb-3 text-center">
<a href="javascript:change_password();"
title="<?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change password' : 'Changer le mot de passe' ?>"
class="d-inline-block text-decoration-none text-dark">
<div class="p-4 bg-light rounded-circle shadow-sm d-inline-flex justify-content-center align-items-center transition hover-scale">
<img src="Bootstrap_new/images/pwd.png" alt="Changer mot de passe" class="img-fluid" style="width:30px;">
</div>
<!-- Texte sous licône -->
<div class="mt-2 fw-semibold text-secondary small">
<?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change Password' : 'Changer le mot de passe' ?>
</div>
</a>
</div>
<!-- Bouton Gérer Messages
<div class="mb-2">
<button class="btn btn-outline-primary btn-sm w-100" onclick="javascript:gerer_messagerie();">
<?= _("Gérer Notifications") ?> <i class="fa fa-comments" aria-hidden="true"></i>
</button>
</div>
-->
</div>
</div>
<div class="modal fade" id="popmessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Notification non lus") ?> </h4>
</div>
<div class="modal-body">
<div id="div_messagerie">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="popmessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Messages non lus") ?> </h4>
</div>
<div class="modal-body">
<div id="div_messagerie">
</div>
</div>
<div class="modal-footer">
<button id="btn_close_messagerie" NAME="btn_close_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<button id="btn_pop_messagerie" NAME="btn_pop_messagerie" type="button" class="sr-only" data-bs-toggle="modal" data-bs-target="#popmessagerie"> <?= _("Afficher les notifications non lus...") ?> </button>
<button id="btn_pop_dernier_messagerie" NAME="btn_pop_dernier_messagerie" class="sr-only" type="button" data-bs-toggle="modal" data-bs-target="#popderniermessagerie"> <?= _("Alerte Réception Message...") ?> </button>
<div class="modal fade" id="popderniermessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Alerte Réception Message...") ?> </h4>
</div>
<div class="modal-body">
<div id="div_dernier_messagerie">
</div>
</div>
<div class="modal-footer">
<button id="btn_close_pop_dernier_messagerie" name="btn_close_pop_dernier_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="pop_photo" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button id="btn_close_pop" name="btn_close_pop" type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Photo") ?> </h4>
</div>
<div class="modal-body">
<img src="data:image/jpg;base64,<?=$imgData?>" style="width: 450px;" >
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<!-- Vendor JS Files -->
<script src="Bootstrap/vendor/apexcharts/apexcharts.min.js"></script>
<script src="Bootstrap/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="Bootstrap/vendor/chart.js/chart.umd.js"></script>
<script src="Bootstrap/vendor/echarts/echarts.min.js"></script>
<script src="Bootstrap/vendor/quill/quill.min.js"></script>
<script src="Bootstrap/vendor/simple-datatables/simple-datatables.js"></script>
<script src="Bootstrap/vendor/php-email-form/validate.js"></script>
<script src="Bootstrap/js/jquery.min.js"></script>
<script src="Bootstrap/js/jquery-ui.js"></script>
<script src="Bootstrap/js/timer.jquery.js"></script>
<script src="Bootstrap_new/js/select2.min.js"></script>
<script src="Bootstrap_new/select/js/bootstrap-select.min.js"></script>
<!-- Template Main JS File -->
<script src="Bootstrap/js/main.js"></script>
<script src="Bootstrap_new/datatables/datatable.min.js" crossorigin="anonymous"></script>
<?php if (est_anglophone()) : ?>
<script src="Js/datepicker-eng.js"></script>
<?php else: ?>
<script src="Js/datepicker-fr.js"></script>
<?php endif; ?>
<script src="Bootstrap/js/sweetalert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css" integrity="sha512-3pIirOrwegjM6erE5gPSwkUzO+3cTjpnV9lexlNZqvupR64iZBnOOTiiLPb9M36zpMScbmUNIcHUqKD47M719g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" integrity="sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="Js/fonctions.js?ver=2025.10.24.01"></script>
<script src="Bootstrap/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.all.min.js"></script>
<div id="div_ajaxgabarit">
</div>
<div id="nbMessagesNonLus" name="nbMessagesNonLus">
<INPUT class='sr-only timer' id="timer" NAME="timer" TYPE="button" value="0">
<INPUT class="sr-only" TYPE="text" id="msgNonLus" NAME="msgNonLus" value="0" >
<input class="sr-only" type="text" id="deconnexion" name="deconnexion" value="0" >
</div>
<script type="text/javascript">
raffraichier_gabarit();
</script>
<script type="text/javascript">
$('#timer').timer({
duration: '60s',
callback: function() {
raffraichier_messagerie();
},
repeat: true
});
</script>
<script>
$(document).ready(function() {
$("#barre_laterale_d").hide()
$("#side_nav").hide()
$("#barre_laterale_d").hide()
});
$("#hideSideNav").on( "click", function() {
$("#barre_laterale_d").hide('slide', {direction: 'right'}, 500)
} );
$("#showSideNav").on( "click", function() {
$("#barre_laterale_d").show('slide', {direction: 'right'}, 500)
} );
$( '#select-field' ).select2( {
theme: 'bootstrap-5'
} );
</script>
</body>
</html>