prestation/Vue/gabarit.php
2025-12-05 10:42:46 +00:00

938 lines
29 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['p_nomSociete']) <= MAX_COMPANY_NAME_LENGTH) {
$companyDisplayName = htmlspecialchars($_SESSION['p_nomSociete'], ENT_QUOTES);
} else {
$companyDisplayName = strtoupper($_SESSION['p_codeSociete']);
}
*/
$companyDisplayName = htmlspecialchars($_SESSION['p_nomSociete'], ENT_QUOTES);
$imgData = $_SESSION['p_photoAssureCrypte'];
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="<?= $racineWeb ?>" >
<!-- Favicons -->
<link rel="icon" href="Bootstrap_new/images/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=2025.03.14.00" rel="stylesheet">
<link href="Bootstrap_new/css/style.css?ver=2025.08.25.01" rel="stylesheet">
<link href="Bootstrap_new/select/css/bootstrap-select.min.css" rel="stylesheet">
<!-- new swal -->
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.min.css" rel="stylesheet">
<!-- ancien avant new swal
<script src="Bootstrap/js/sweetalert.min.js"></script>
-->
<title><?= $_SESSION['p_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>
<link rel="stylesheet" href="Bootstrap_new/datatables/datatable.min.css" crossorigin="anonymous">
<style>
#barre_laterale_d{
background: white;
padding: 10px;
width: 350px !important;
border: 2px ridge #d9cfcf;
padding:5px !important
}
#barre_laterale_d input textarea{
width:100%
}
input[name="test_connexion"]{
color:white;
background:red
}
input[name="numeroClient_C"]{
}
.btn-info-context{
background:#4caf50;
color:white;
border:2px solid #a49d9d;
border-top-left-radius: 50px; /* Arrondi du coin supérieur gauche */
border-bottom-left-radius: 50px; /* Arrondi du coin inférieur gauche */
cursor: pointer;
transition: all 0.3s ease; /* Animation fluide */
transform: scale(0.8); /* Réduire la taille du bouton */
}
.btn-info-context:hover{
background:#4caf50;
color:white;
border:2px solid #a49d9d;
transform: scale(1); /* Rétablir la taille normale au survol */
}
.btn-cacher-contexte{
background:red;
color:white;
border:2px solid #a49d9d;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
transition: all 0.3s ease; /* Animation fluide */
transform: scale(0.8); /* Réduire la taille du bouton */
}
.btn-cacher-contexte:hover {
border:2px solid #a49d9d;
transform: scale(1); /* Rétablir la taille normale au survol */
}
legend{
background:#858585 !important;
}
.btn-primary{
background: #286090
}
.btn-warning{
background:red;
color:white
}
.btn{
border-radius:5px;
}
/* Modal */
.modal-header{
background:#286090;
color:white
}
.modal-header .close{
color:white !important;
background:transparent !important;
border:1px solid white !important
}
.modal-header legend{
background:transparent !important;
font-size:14px;
text-align:right
}
.modal-footer .btn-default{
border: solid #286090 !important;
color: #286090 !important;
}
.modal-title{
font-size:16px !important
}
@media (max-width: 1199px) {
.main{
margin-left:0 !important
}
}
td input[readonly], td select[readonly]{
background: #fffafa !important;
font-weight: bold;
}
td input[disabled], td select[disabled]{
background: #fffafa !important;
font-weight: bold;
}
.filter-option-inner-inner{
background-color : #D4D3DC !important;
}
#barre_laterale_d input{
color:black !important;
font-size:12px;
font-weight:700
}
#barre_laterale_d .form-control{
font-weight: 700;
font-size: 12px;
}
.sr-only{
display:none;
}
.table{
background-color: #fff !important
}
.table th:hover {
background-color: none !important;
}
.table tr:hover{
font-style: normal !important;
}
.table td:hover{
font-style: normal !important;
}
.table {
--bs-table-color: null !important;
--bs-table-striped-color:null !important
/* --bs-table-color: yellow; */
}
.table{
--bs-table-bg: null !important;
}
thead tr{
color:black
}
fieldset legend,form legend{
background:#027be3
}
legend{
background:#027be3
}
.btn-info{
background-color:#08C5D1;
color:white;
}
.btn-info:hover{
background-color:white
color:#286090;
}
input[id="chemin"]{
border-radius:0%
}
#barre_laterale_d input{
width:100%;
text-align:left;
border:none
}
#barre_laterale_d .form-control{
font-size:12px !important
}
footer{
background:transparent;
color:black !important
}
.table > thead
{
background-color: #5c656a !important;
color:white !important;
}
thead{
font-size: 13px;
}
thead tr {
color: white;
}
th {
background-color: #027BE3;
color: white;
}
textarea{
width: 100%;
}
textarea{
font-size: 12px;
}
#barre_laterale_d{
max-height: calc(100vh - 106px);
overflow: auto;
}
.initials {
display: inline-block; /* Nécessaire pour appliquer border-radius */
width: 25px; /* Largeur du cercle */
height: 25px; /* Hauteur du cercle, doit être égale à la largeur */
background-color: #4caf50; /* Couleur de fond */
border-radius: 15%; /* Pour arrondir complètement l'élément */
color: #fff; /* Couleur du texte */
text-align: center; /* Centrer le texte */
line-height: 25px; /* Aligner verticalement le texte */
}
.image-container img {
transition: filter 0.3s ease-in-out;
}
.image-container img:hover {
filter: grayscale(100%);
}
.photo-container img {
transition: transform 0.3s ease-in-out;
cursor:pointer;
}
.photo-container img:hover {
transform: scale(1.1);
cursor:pointer;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
text-align:center;
font-weight: bold;
background-color:#696969;
color:#fff;
}
h6 a{
text-decoration: underline;
}
h6 a:hover{
background-color:#08C5D1;
color:white;
text-decoration: none;
}
.mb-2 textarea{
font-size:9pt; width:100%;
}
.mb-2 .text-center{
font-size:9pt;
font-weight:bold;
background-color: orange; /*#6c757d;*/
color: white;
}
.flex-tooltip {
position: relative;
display: inline-block;
cursor: help;
}
.flex-tooltip .tooltip-content {
visibility: hidden;
min-width: 100px;
max-width: 100%;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
white-space: normal;
word-wrap: break-word;
}
.flex-tooltip:hover .tooltip-content {
visibility: visible;
opacity: 1;
}
</style>
<link href="Bootstrap_new/css/custom.css?ver=2025.08.12.00" 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 rel="stylesheet" href="assets/css/style.css"> -->
</head>
<?php
$style = "";
$test = "";
$colorTests="";
$flag = (est_anglophone()) ? 'england.png' : 'france.png';
$alt = (est_anglophone()) ? 'English' : 'Français';
$lib = (est_anglophone()) ? 'En' : 'Fr';
if($_SESSION['p_bdTests_C']== "1"){
$colorTests=$_SESSION['p_colorTests'];
// $style = "background-color: #F5DF4D;";
$style = "background-color: $colorTests;";
$test = "MODE TEST";
}
//var_dump($style);
?>
<!-- ======= 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 class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<li class="nav-item">
<a class="nav-link nav-icon" href="javascript:alert_ebene('TEST', 'TEST');">
<span><?=$test?></span>
</a>
</li>
<li class="nav-item dropdown">
<a style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-bell"></i>
<span id="span_notification" title="<?= _("Notification");?>" class="badge bg-primary badge-number" onclick="javascript:pop_messagerie();">0</span>
</a><!-- End Notification Icon -->
</li>
<li class="nav-item">
<a title="<?= _("Gestionnaire d'assurance santé");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="javascript:alert_ebene('<?=$_SESSION['p_nomSociete']?>','<?=$_SESSION['p_nomSociete']?>');">
<img src="<?= $_SESSION['p_lienLogo'] ?>" alt="Profile" style="width:100px;max-height: 60px;" class="rounded-circle">
<span > <?=$companyDisplayName?> </span>
</a>
</li>
<li class="nav-item">
<a title="<?= _("Prestataire conventionné");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="javascript:alert_ebene('<?=$_SESSION['p_prestataire_C']?>','<?=$_SESSION['p_prestataire_C']?>');">
<i class="bi bi-shop"></i>
<span ><?=$_SESSION['p_prestataire_C']?></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['p_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['p_utilisateur_C']; ?></span>
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="#">
<i class="bi bi-box-arrow-right"></i>
<span style="color: grey;"><?=_("Déconnexion")?></span>
</a>
</li>
</ul>
</li>
</ul>
</nav><!-- End Icons Navigation -->
</header><!-- End Header -->
<!-- ======= Sidebar ======= -->
<aside id="sidebar" class="sidebar">
<?php
?>
<ul class="sidebar-nav" id="sidebar-nav">
<?php
foreach ($menus as $key0=>$menuParent):
$menuChildrenLevelOne = $gabary->get_menus_by_parent_code($menuParent['vue']);
if (sizeof($menuChildrenLevelOne)>0){
?>
<li class="nav-item">
<a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>" data-bs-toggle="collapse" href="#">
<i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
<?php
$parentLink = explode('/',$menuParent['lienMenu'])[0];
?>
<span >
<?= $menuParent['libeleMenu'] ?>
</span><i class="bi bi-chevron-down ms-auto" style="color:white;"></i>
</a>
<ul id="<?php echo $menuParent['codeMenu'].$key0;?>" class="nav-content collapse " data-bs-parent="#sidebar-nav">
<?php
foreach ($menuChildrenLevelOne as $key1=>$menuChild):
?>
<?php
?>
<li>
<?php
$link_clean = explode('/',$menuChild['lienMenu'])[0];
$activeLink=$_SESSION['firstLevelMenu'];
?>
<a class="<?php
echo $link_clean==$activeLink?'active-submenu':'';
?>" href="<?php echo $menuChild['lienMenu']; ?>">
<span ><?= $menuChild['libeleMenu']; ?></span>
</a>
</li>
<?php
endforeach; ?>
</ul>
</li>
<?php } else{?>
<li class="nav-item">
<a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>" href="<?php echo $menuParent['lienMenu']; ?>">
<i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
<span style="font-weight:700"><?= $menuParent['libeleMenu'] ?></span>
</a>
</li>
<?php } endforeach; ?>
</ul>
</aside>
<main id="main" class="main">
<INPUT class="sr-only" TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['p_vue']) ? $_SESSION['p_vue'] : ""; ?>">
<div class="fixed-div">
<div class="content">
<?php
$menuChildrenLevelThree=[];
if(sizeof($menusvue)>0){
$current_url = $_SERVER['REQUEST_URI'];
$elements = explode("/", $current_url);
$activeLink = $elements[1];
?>
<div class="scrollmenu">
<?php foreach ($menusvue as $key3=>$menu):
$descriptionMenu = $menu['descriptionMenu'];
?>
<a title="<?= $descriptionMenu; ?>" href="<?php echo $menu['lienMenu']; ?>"><?= $menu['libeleMenu'] ?></a>
<?php endforeach; ?>
</div>
<?php }?>
</div>
</div>
<?php
?>
<input class="sr-only" type="text" id="racineWeb" name="racineWeb" value="<?= $racineWeb ?>">
<input class="sr-only" type="text" id="dureeSession" name="dureeSession" value="<?= $_SESSION['dureeSession'] ?>">
<input class="sr-only" type="text" id="nomSociete" name="nomSociete" value="<?= $_SESSION['p_nomSociete'] ?>">
<section class="section main-dashboard">
<div id="contenu">
<div id="div_test_gabarit">
</div>
<?php
?>
<?= $contenu ?>
</div>
</section>
</main><!-- End #main -->
<INPUT class="sr-only" TYPE="text" id="prestataire_C" NAME="prestataire_C" value="<?= $this->nettoyer($_SESSION['p_prestataire_C']) ?>" >
<INPUT class="sr-only" TYPE="text" id="p_nomSociete" NAME="p_nomSociete" value="<?= $this->nettoyer($_SESSION['p_nomSociete']) ?>"/>
<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-1 sidenav" style="font-size:8pt; padding:0px;">
<div class="card shadow-sm p-2">
<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['p_nomClient_C']) ?></textarea>
</div>
<!-- Adhérent et bénéficiaire -->
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" title="<?= _("Assuré principale")?>">
<?= substr($this->nettoyer($_SESSION['p_adherent_C']), 0, 25) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" id="p_numeroBeneficiaire_C" NAME="p_numeroBeneficiaire_C" title="<?= _("Afficher les données du patient")?>">
<i class="fa-solid fa-user"></i> <?= _("Patient")." : ".$this->nettoyer($_SESSION['p_numeroBeneficiaire_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" title="<?= _("Afficher les données du patient")?>">
<?= substr($this->nettoyer($_SESSION['p_beneficiaire_C']), 0, 25) ?>
</button>
</div>
<!-- Photo -->
<div class="photo-container text-center mb-2">
<?php if ($_SESSION['p_faceRegistered_C']=="1" && $_SESSION['p_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>
<?php if ($_SESSION['p_modeSaisieFacture']=="1"): ?>
<div class="mb-2">
<h6 class="text-center"><?= $_SESSION['p_codeExercice_C'] . " - " . $_SESSION['p_codeMois_C'] ?></h6>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" onclick="javascript:facture_sans_bon();">
<i class="fa-solid fa-money-bill"></i> <?= _('Facture Sans Bon') ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-primary btn-sm w-100" onclick="javascript:retourdecompte();">
<i class="fa-solid fa-backward"></i> <?= _('Retour Décompte') ?>
</button>
</div>
<?php endif; ?>
<!-- Bouton Gérer Messages -->
<div class="mb-2">
<button class="btn btn-outline-primary btn-sm w-100" onclick="javascript:gerer_messagerie();">
<?= _("Gérer Messages") ?> <i class="fa fa-comments" aria-hidden="true"></i>
</button>
</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" >
</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>
</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 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 messages 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>
<!-- <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> -->
<!-- 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>
<!-- Styles -->
<!-- Template Main JS File -->
<script src="Bootstrap/js/main.js"></script>
<!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css" crossorigin="anonymous">
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js" crossorigin="anonymous"></script> -->
<script src="Bootstrap_new/datatables/datatable.min.js" crossorigin="anonymous"></script>
<!-- <?php if (isset($_SESSION['p_lang']) && $_SESSION['p_lang']=="en_US") : ?>
<script src="Js/datepicker-eng.js"></script>
<?php else: ?>
<script src="Js/datepicker-fr.js"></script>
<?php endif; ?> -->
<?php if (est_anglophone()) : ?>
<script src="Js/datepicker-eng.js"></script>
<?php else: ?>
<script src="Js/datepicker-fr.js"></script>
<?php endif; ?>
<!-- <script src="https://raw.githack.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.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.31.00"></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>
<!-- new sawal -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.all.min.js"></script>
<!-- old swal
<script src="Bootstrap/js/sweetalert.min.js"></script>
-->
<div id="div_ajaxgabarit">
</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()
$("#barre_laterale_d").hide('slide', {direction: 'right'}, 500)
} );
$("#showSideNav").on( "click", function() {
// $("#barre_laterale_d").show()
$("#barre_laterale_d").show('slide', {direction: 'right'}, 500)
} );
$( '#select-field' ).select2( {
theme: 'bootstrap-5'
} );
</script>
</body>
</html>