production/Vue/gabarit.php

1045 lines
34 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];
$fullPath = $gabary->get_full_path($activeLink);
$fullPath = explode("\ ", $fullPath);
$activeLevel1 = $activeLink;
$activeLevel2 = sizeof($fullPath)>1?$fullPath[1]:'';
$activeLevel3 =sizeof($fullPath)>2?$fullPath[2]:'';
$activeLevel4 = sizeof($fullPath)>3?$fullPath[3]:'';
$activeLevel5 = sizeof($fullPath)>4?$fullPath[4]:'';
$_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);
$modeDev = $_SESSION['modeDev_C'];
$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="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=2024.03.14.05" rel="stylesheet">
<link href="Bootstrap_new/css/style.css?ver=2025.09.10.00" 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>
<!-- 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>
<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">
<link rel="stylesheet" href="assets/css/dashboard.css" >
<style>
/*#4caf50*/
.dropdown-menu.show
{
z-index: 1000 !important;
}
#barre_laterale_d{
background: white;
width: 350px !important;
border: 2px ridge #d9cfcf;
padding: 1px !important;
overflow:auto !important;
}
#barre_laterale_d input textarea{
width:100%
}
input[name="test_connexion"]{
color:white;
background:red
}
input[name="numeroClient_C"]{
}
.btn-info-context{
background:#3473ac;
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:#3473ac;
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,#chemin{
background-color:#4caf50 !important;
}
.btn-primary{
background: #286090;
}
.btn-warning{
background:red;
color:white
}
.btn{
border-radius:0px;
}
/* Modal */
.modal-header{
background:#286090;
color:white
}
.modal-header .close{
color:white !important;
background:#4caf50 !important;
border:1px solid white !important
}
.modal-header legend{
background-color: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: #e9ecef !important;
font-weight: bold;
}
td input[disabled], td select[disabled]{
background: #e9ecef !important;
font-weight: bold;
}
#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: #dff2ff !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
}
.table{
--bs-table-bg: null !important;
}
thead tr{
color:black
}
fieldset legend,form legend{
background-color:#4caf50 !important;
}
legend{
background-color:#4caf50 !important;
}
.btn-info{
background-color:#08C5D1;
color:white;
font-weight: bold;
}
.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
}
.filter-option-inner-inner{
background-color : #D4D3DC !important;
}
.table > thead
{
/*#5c656a*/
background-color: #4caf50;
color:white !important;
}
thead{
font-size: 13px;
}
thead tr {
color: white;
}
th {
background-color: #027BE3;
color: white;
}
#barre_laterale_d{
max-height:calc(100vh - 106px);
overflow:auto
}
.form-select{
height: 27px !important;
font-size: 10px !important;
line-height: 1 !important;
}
.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 */
}
.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;
}
.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;
}
<!-- Effet hover doux -->
.hover-shadow-sm:hover {
box-shadow: 0 4px 10px rgba(13, 110, 253, 0.15);
transform: translateY(-2px);
transition: all 0.25s ease;
}
.transition {
transition: all 0.25s ease;
}
.hover-scale:hover {
transform: scale(1.06);
box-shadow: 0 8px 16px rgba(13, 110, 253, 0.25);
}
</style>
<link href="Bootstrap_new/css/custom.css?ver=2025.08.22.06" rel="stylesheet"/>
<!--<link href="Bootstrap_new/css/all.min.css?ver=2024.03.14.14" 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" />
</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['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 class="bi bi-list toggle-sidebar-btn"></i>
</div>
<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:infos_entite();">
<img src="<?= $_SESSION['lienLogo'] ?>" alt="Profile" style="width:100px;max-height: 60px;">
<span > <?=$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">
<a title="<?= _("Guide d'utilisation");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="Guideutilisation/">
<i class="bi bi-question-circle-fill" aria-hidden="true"></i>
<span ></span>
</a>
</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>
<li>
<a class="dropdown-item d-flex align-items-center" href="#">
<i class="bi bi-box-arrow-right"></i>
<span ><?=_("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 class="<?php echo strtolower($menuParent['libeleMenu'])==strtolower($activeLevel1)?'active-main':''; ?>"
class="active-main">
<?= $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>
<div id="div_entite" class="sr-only"></div>
<main id="main" class="main">
<INPUT class="sr-only" TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['vue']) ? $_SESSION['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>
<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['nomSociete'] ?>">
<section class="section main-dashboard">
<div id="contenu">
<div id="div_test_gabarit">
<?php
var_dump(
array(
"nomSociete" => $_SESSION['nomSociete'],
)
);
excit();
?>
</div>
<?= $contenu ?>
</div>
</section>
</main>
<!-- End #main -->
<input type="text" class="sr-only" id="numeroClient_C" name="numeroClient_C" value="<?= $this->nettoyer($_SESSION['numeroClient_C']) ?>">
<input type="text" class="sr-only" id="codeGcAssureur_C" NAME="codeGcAssureur_C" value="<?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?>">
<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-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 Garant -->
<div class="mb-2">
<h6 class="text-muted"><i class="fas fa-user-shield"></i>&nbsp;<?= _("Garant")." : "?><a href="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');" title="<?= _("Afficher le Garant")?>"><?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?></a></h6>
<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_garant('<?=$this->nettoyer($_SESSION['codeGcAssureur_C']);?>');" title="<?= _("Afficher le Garant")?>" >
<?= isset($_SESSION['nomGcAssureur_C']) ? $_SESSION['nomGcAssureur_C']: "";?>
</button>
</div>
<!-- Informations sur le Souscripteur -->
<div class="mb-2">
<h6 class="text-muted"><i class="fas fa-user-tie"></i>&nbsp;<?= _("Souscripteur")." : "?><a href="javascript:afficher_client_id();" title="<?= _("Afficher le Souscripteur")?>"><?= $this->nettoyer($_SESSION['numeroClient_C']) ?></a></h6>
<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_client_id();" >
<?= $this->nettoyer($_SESSION['nomClient_C']) ?>
</button>
</div>
<!-- Informations sur la police -->
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" id="numeroPolice_C" name="numeroPolice_C" onclick="javascript:afficher_police_id();" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEffet_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheance_C'], $_SESSION['lang'])?>">
<i class="fa fa-file-text" aria-hidden="true"></i> <?= _("Police en cours")." : ".$this->nettoyer($_SESSION['numeroPolice_C']) ?>
</button>
</div>
<div class="mb-2">
<h6 class="text-center"><?= _("Fam.")." [".format_N($_SESSION['ndAdh_C'])."] | ". _("Dép.")." [".format_N($_SESSION['ndDep_C'])."] | ". _("Bén.")." [".format_N($_SESSION['ndActif_C'])."]" ?></h6>
</div>
<!-- Adhérent et bénéficiaire -->
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" 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 en cours")." : ".$this->nettoyer($_SESSION['numeroAdherent_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" 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" onclick="javascript:afficher_beneficiaire_id();" id="numeroBeneficiaire_C" NAME="numeroBeneficiaire_C" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEntreeBeneficiaire_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheancePolice_C'], $_SESSION['lang'])?>">
<i class="fa-solid fa-user"></i> <?= _("Bénéficiaire en cours")." : ".$this->nettoyer($_SESSION['numeroBeneficiaire_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" title="<?= _("Couverture").": ".dateLang($_SESSION['dateEntreeBeneficiaire_C'], $_SESSION['lang']).' - '.dateLang($_SESSION['dateEcheancePolice_C'], $_SESSION['lang'])?>">
<?= 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>
<!-- <div class="card shadow-sm mb-3"> -->
<!-- <div class="card-body"> -->
<h6 class="card-title border-bottom pb-2 text-primary fw-semibold d-flex align-items-center gap-2">
<i class="bi bi-clock-history"></i>
<?= _("Dernières polices ouvertes") ?>
</h6>
<ol class="list-unstyled mb-0">
<?php
foreach ($_SESSION['contextPolice'] as $contextPolice):
$idPolice = $contextPolice['idPolice'];
$numeroPolice = $contextPolice['numeroPolice'];
?>
<li class="mb-0">
<a href="javascript:selectionner_police(<?= $idPolice ?>,'<?= $numeroPolice ?>');afficher_police_id();"
class="text-decoration-none text-dark">
<div class="card border-0" style="height: 0.1rem;">
<div class="text-muted small">
<?= htmlspecialchars($contextPolice['libellePolice']) ?>
</div>
</div>
</a>
</li>
<?php
endforeach;
?>
</ol>
<!-- </div> -->
<!-- </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 Messages") ?> <i class="fa fa-comments" aria-hidden="true"></i>
</button>
</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>
<!-- Mode cotation -->
<?php if ($_SESSION['modeDevis']=="1"): ?>
<div class="mb-2" style="width:100%; background-color: #ff00ff; text-align:center; color: white; font-weight:bold; font-size: 10pt;">
<?= _("GESTION DES COTATIONS") ?>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_client_d_id();" id="numeroClient_d_C" NAME="numeroClient_d_C">
<i class="fa fa-user-times" aria-hidden="true"></i> <?= _("Prospect")." : ".$this->nettoyer($_SESSION['numeroClient_d_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_client_d_id();" id="nomClient_d_C" NAME="nomClient_d_C">
<?= substr($this->nettoyer($_SESSION['nomClient_d_C']), 0, 25) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" id="numeroPolice_d_C" NAME="numeroPolice_d_C" onclick="javascript:afficher_police_d_id_init();">
<i class="fa fa-file-text" aria-hidden="true"></i> <?= $this->nettoyer($_SESSION['numeroPolice_d_C']) ?>
</button>
</div>
<?php endif; ?>
<footer class="container-fluid text-center" style="padding-left:0px; padding-top:0px; padding-right:0px;padding-bottom:5px; font-size:12px;text-align:left">
<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>
</footer>
</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="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>
<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>
<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_dernier_messagerie" NAME="btn_pop_dernier_messagerie" type="button" class="sr-only" 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>
<script src="<?= $_SESSION['dossierSociete'].'/Js/societe.js' ?>"></script>
<!-- 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>
<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="Js/html2pdf.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.11.29.09"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<!--
<?php if ($modeDev=='1') : ?>
<script src="Js/fonctions.js?ver=2025.09.22.01"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<?php else: ?>
<script src="Js/fonctions.min.js?ver=2025.09.22.01"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<?php endif; ?>
-->
<script src="Bootstrap/js/bootstrap.min.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>
<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()
// } );
// $("#showSideNav").on( "click", function() {
// $("#barre_laterale_d").show()
// } );
$("#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>