From dd8c27dcc83abd5850d02f67f281cee522aa8777 Mon Sep 17 00:00:00 2001
From: KANE LAZENI <lkane@ebene.info>
Date: Sun, 22 Feb 2026 11:55:31 +0000
Subject: [PATCH] a

---
 Contestation/Assure.php                       |   7 +-
 Contestation/Demandereconnaissancefaciale.php | 926 ++++++++++++------
 .../Demandereconnaissancefacialeia.php        |   9 +-
 3 files changed, 631 insertions(+), 311 deletions(-)

diff --git a/Contestation/Assure.php b/Contestation/Assure.php
index 7b75319..9f540ad 100755
--- a/Contestation/Assure.php
+++ b/Contestation/Assure.php
@@ -81,14 +81,15 @@ class Assure extends Modelecontestation {
     }
 
 
-	public function checkdemandereconnaissancefaciale()
+	public function checkdemandereconnaissancefaciale_id()
 	{
 		$codeSociete 		= $_SESSION['codeBdd'];
 		$codePrestataire 	= $_SESSION['codePrestataire'];
 		$idBeneficiaire 	= $_SESSION['idBeneficiaire'];
+		$idDemande 			= $_SESSION['idDemande'];
 
-		$sql = 'call sp_p_checkdemandereconnaissancefaciale(?, ?, ?);';
-        $resultat = $this->executerRequete($sql, array($codeSociete, $codePrestataire, $idBeneficiaire));
+		$sql = 'call sp_p_checkdemandereconnaissancefaciale_id(?, ?, ?, ?);';
+        $resultat = $this->executerRequete($sql, array($codeSociete, $codePrestataire, $idBeneficiaire, $idDemande));
 		$ligne = $resultat->fetch(PDO::FETCH_ASSOC);
 		return $ligne;
  	}
diff --git a/Contestation/Demandereconnaissancefaciale.php b/Contestation/Demandereconnaissancefaciale.php
index e7a3a5a..7961815 100755
--- a/Contestation/Demandereconnaissancefaciale.php
+++ b/Contestation/Demandereconnaissancefaciale.php
@@ -2,6 +2,113 @@
 	session_start();
 	session_unset();
 
+	if (!isset($_GET['lg'])) {
+		afficherMessage("Paramètre langue absent de la requête!");
+	}
+
+	$lg = $_GET['lg'];
+	$codeLangue = base64_decode($lg);
+
+	$tab_code_langue = ["fr_FR", "en_US"];
+	if (!in_array($codeLangue, $tab_code_langue)) {
+		afficherMessage("Langue inconnue!");
+	}
+
+	if (!isset($_GET['codeEntite'])) {
+		$msg = $codeLangue == 'en_US' ? "Entity parameter missing from query!" : "Paramètre entité absent de la requête!";
+		afficherMessage($msg);
+	}
+
+	if (!isset($_GET['codePrestataire'])) {
+		$msg = $codeLangue == 'en_US' ? "Provider parameter missing from query!" : "Paramètre prestataire absent de la requête!";
+		afficherMessage($msg);
+	}
+
+	if (!isset($_GET['idBeneficiaire'])) {
+		$msg = $codeLangue == 'en_US' ? "Insured ID missing from query!" : "ID assuré absent de la requête!";
+		afficherMessage($msg);
+	}
+
+	if (!isset($_GET['idDemande'])) {
+		$msg = $codeLangue == 'en_US' ? "Reqest ID missing from query!" : "ID demande absent de la requête!";
+		afficherMessage($msg);
+	}
+
+	$_SESSION['codeLangue'] = $lg;
+	$_SESSION['codeEntite'] = base64_decode($_GET['codeEntite']);
+	$_SESSION['codePrestataire'] = base64_decode($_GET['codePrestataire']);
+	$_SESSION['idBeneficiaire'] = base64_decode($_GET['idBeneficiaire']);
+	$_SESSION['idDemande'] = base64_decode($_GET['idDemande']);
+
+	$codeSociete = $_SESSION['codeEntite'];
+	$idBeneficiaire = $_SESSION['idBeneficiaire'];
+	$idDemande = $_SESSION['idDemande'];
+	$codePrestataire = $_SESSION['codePrestataire'];
+
+	$codeBdd = $codeSociete;
+
+	require_once "Assure.php";
+
+	$assure = new Assure();
+
+	$_SESSION['codeBdd'] = $codeBdd;
+	$bdd = $assure->geUneBd($codeBdd);
+
+	/*
+	var_dump(
+		array(
+			// "bdd" => $bdd,
+			"codeSociete" => $codeSociete,
+			"codePrestataire" => $codePrestataire,
+			"idBeneficiaire" => $idBeneficiaire,
+		)
+		
+	);
+	*/
+
+	if(!$bdd) {
+		$message = $codeLangue == 'en_US' ? "Entity not found!" : "Entité introuvable!";
+		afficherMessage("<strong>$message</strong>");
+	}    
+
+	$_SESSION['BdName'] = $bdd['BdName'];
+	$_SESSION['BdLogin'] = $bdd['BdLogin'];
+	$_SESSION['BdMdp'] = $bdd['BdMdp'];
+
+	if($assure->existeligne($codeSociete)) {
+		$fassureExiste = $assure->assureExiste($codeSociete, $idBeneficiaire);
+		
+		if(!$fassureExiste) {
+			$message = $codeLangue == 'en_US' ? "Insured not found!" : "Assuré introuvable!";
+			afficherMessage("<strong>$message</strong>");
+		}
+		
+		$demandereconnaissancefaciale = $assure->checkdemandereconnaissancefaciale();
+
+		var_dump($demandereconnaissancefaciale);
+
+		/*
+		if(!$feuilleMaladieEncours) {
+			$message = $codeLangue == 'en_US' ? "Deadline for appeal has passed!" : "Delai de contestation dépassé!";
+			afficherMessage("<strong>$message</strong>");
+		}
+
+		$feuilleDejaContestee = $validercontestation->feuilleContestee($codeSociete, $idAdherent, $numeroFeuilleMaladie);
+		
+		if($feuilleDejaContestee) {
+			$message = $codeLangue == 'en_US' ? "File already contested!" : "Dossier déjà contesté!";
+			afficherMessage("<strong>$message</strong>");
+		}
+
+		$validercontestation->contester($codeSociete, $idAdherent, $numeroFeuilleMaladie, $motifContestation);
+		*/
+
+		$message = $codeLangue == 'en_US' 
+			? "Parameters successfully verified!" 
+			: "Paramètres vérifiés avec succès!";
+		afficherMessage("<strong>$message</strong>", false);
+	}
+
 	function afficherMessage($message) {
 		echo "<!DOCTYPE html>
 		<html lang='fr'>
@@ -45,317 +152,522 @@
 		exit();
 	}
 
-	if (!isset($_GET['lg'])) {
-		afficherMessage("Paramètre langue absent de la requête!");
-	}
-
-	$lg = $_GET['lg'];
-	$codeLangue = base64_decode($lg);
-
-	$tab_code_langue = ["fr_FR", "en_US"];
-	if (!in_array($codeLangue, $tab_code_langue)) {
-		afficherMessage("Langue inconnue!");
-	}
-
-	if (!isset($_GET['codeEntite'])) {
-		$msg = $codeLangue == 'en_US' ? "Entity parameter missing from query!" : "Paramètre entité absent de la requête!";
-		afficherMessage($msg);
-	}
-
-	if (!isset($_GET['idAdherent'])) {
-		$msg = $codeLangue == 'en_US' ? "Family parameter missing from query!" : "Paramètre famille absent de la requête!";
-		afficherMessage($msg);
-	}
-
-	if (!isset($_GET['dossier'])) {
-		$msg = $codeLangue == 'en_US' ? "Entity dossier missing from query!" : "Paramètre dossier absent de la requête!";
-		afficherMessage($msg);
-	}
-
-	$_SESSION['codeLangue'] = $lg;
-	$_SESSION['codeEntite'] = $_GET['codeEntite'];
-	$_SESSION['idAdherent'] = $_GET['idAdherent'];
-	$_SESSION['dossier'] = $_GET['dossier'];
-
-	$codeEntite = $_GET['codeEntite'];
-	$idAdherent = $_GET['idAdherent'];
-	$dossier = $_GET['dossier'];
-
-	$title = $codeLangue == 'en_US' ? "Contest a medical record" : "Contester un dossier médical";
-	$label = $codeLangue == 'en_US' ? "Submit" : "Soumettre";
-	$labelMotifContestation = $codeLangue == 'en_US' ? "Reason for the contestation:" : "Motif de la contestation:";
-	$placeholder = $codeLangue == 'en_US' ? "Please describe in detail the reason for your contestation..." : "Veuillez décrire en détail le motif de votre contestation...";
-
-	$action = "/Contestation/Validercontestation.php?" .
-		"codeEntite=" . urlencode($codeEntite) . 
-		"&idAdherent=" . urlencode($idAdherent) . 
-		"&dossier=" . urlencode($dossier) . 
-		"&lg=" . urlencode($lg);
 ?>
 
-<!doctype html>
-<html lang="<?= $codeLangue == 'en_US' ? 'en' : 'fr' ?>">
+<!DOCTYPE html>
+<html lang="fr">
 <head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title><?= htmlspecialchars($title) ?></title>
-	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-	<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
-	<link rel="icon" href="/Contestation/favicon.ico"/>
-	<style>
-		.contestation-container {
-			min-height: 100vh;
-			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-			padding: 20px;
-		}
-		
-		.contestation-card {
-			background: white;
-			border-radius: 16px;
-			box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
-			overflow: hidden;
-			max-width: 700px;
-			margin: 40px auto;
-		}
-		
-		.contestation-header {
-			background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
-			color: white;
-			padding: 2rem;
-			text-align: center;
-			position: relative;
-		}
-		
-		.contestation-header::before {
-			content: '';
-			position: absolute;
-			top: 0;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.1)"/></svg>');
-			background-size: cover;
-		}
-		
-		.contestation-header h1 {
-			font-weight: 600;
-			margin: 0;
-			font-size: 1.8rem;
-			position: relative;
-			z-index: 1;
-		}
-		
-		.contestation-body {
-			padding: 2.5rem;
-		}
-		
-		.form-label {
-			font-weight: 600;
-			color: #333;
-			margin-bottom: 1rem;
-			font-size: 1.1rem;
-		}
-		
-		.required::after {
-			content: " *";
-			color: #dc3545;
-		}
-		
-		.form-control {
-			border: 2px solid #e9ecef;
-			border-radius: 10px;
-			padding: 1rem;
-			font-size: 1rem;
-			transition: all 0.3s ease;
-		}
-		
-		.form-control:focus {
-			border-color: #4caf50;
-			box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25);
-		}
-		
-		.btn-submit {
-			background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
-			color: white;
-			border: none;
-			border-radius: 10px;
-			padding: 1rem 2rem;
-			font-size: 1.1rem;
-			font-weight: 600;
-			transition: all 0.3s ease;
-			width: 100%;
-			margin-top: 1rem;
-		}
-		
-		.btn-submit:hover {
-			transform: translateY(-2px);
-			box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3);
-		}
-		
-		.character-count {
-			text-align: right;
-			font-size: 0.875rem;
-			color: #6c757d;
-			margin-top: 0.5rem;
-		}
-		
-		.info-section {
-			background: #f8f9fa;
-			border-radius: 10px;
-			padding: 1.5rem;
-			margin-bottom: 2rem;
-			border-left: 4px solid #4caf50;
-			display: none;
-		}
-		
-		.info-item {
-			display: flex;
-			align-items: center;
-			margin-bottom: 0.5rem;
-		}
-		
-		.info-item:last-child {
-			margin-bottom: 0;
-		}
-		
-		.info-item i {
-			color: #4caf50;
-			margin-right: 0.75rem;
-			font-size: 1.1rem;
-		}
-		
-		/* Responsive adjustments */
-		@media (max-width: 768px) {
-			.contestation-container {
-				padding: 15px;
-			}
-			
-			.contestation-card {
-				margin: 20px auto;
-			}
-			
-			.contestation-header {
-				padding: 1.5rem;
-			}
-			
-			.contestation-header h1 {
-				font-size: 1.5rem;
-			}
-			
-			.contestation-body {
-				padding: 1.5rem;
-			}
-		}
-		
-		@media (max-width: 576px) {
-			.contestation-container {
-				padding: 10px;
-			}
-			
-			.contestation-header {
-				padding: 1.25rem;
-			}
-			
-			.contestation-header h1 {
-				font-size: 1.3rem;
-			}
-			
-			.contestation-body {
-				padding: 1.25rem;
-			}
-			
-			.info-section {
-				padding: 1rem;
-			}
-		}
-	</style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>INTER-SANTÉ - Vérification d'identité</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+        
+        .container {
+            background: white;
+            border-radius: 20px;
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+            max-width: 600px;
+            width: 100%;
+            overflow: hidden;
+        }
+        
+        .header {
+            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+            color: white;
+            padding: 30px;
+            text-align: center;
+        }
+        
+        .header h1 {
+            font-size: 28px;
+            margin-bottom: 10px;
+        }
+        
+        .header p {
+            opacity: 0.9;
+        }
+        
+        .content {
+            padding: 40px 30px;
+        }
+        
+        .step {
+            display: none;
+        }
+        
+        .step.active {
+            display: block;
+        }
+        
+        .video-container {
+            position: relative;
+            background: #000;
+            border-radius: 15px;
+            overflow: hidden;
+            margin: 20px 0;
+        }
+        
+        #video, #canvas {
+            width: 100%;
+            display: block;
+            border-radius: 15px;
+        }
+        
+        #canvas {
+            display: none;
+        }
+        
+        .face-overlay {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 250px;
+            height: 300px;
+            border: 3px dashed rgba(255, 255, 255, 0.7);
+            border-radius: 50%;
+            pointer-events: none;
+        }
+        
+        .instructions {
+            background: #f8f9fa;
+            padding: 20px;
+            border-radius: 10px;
+            margin: 20px 0;
+        }
+        
+        .instructions h3 {
+            color: #2c3e50;
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+        }
+        
+        .instructions h3::before {
+            content: "ℹ️";
+            margin-right: 10px;
+        }
+        
+        .instructions ul {
+            list-style: none;
+            padding-left: 0;
+        }
+        
+        .instructions li {
+            padding: 8px 0;
+            padding-left: 25px;
+            position: relative;
+        }
+        
+        .instructions li::before {
+            content: "✓";
+            position: absolute;
+            left: 0;
+            color: #27ae60;
+            font-weight: bold;
+        }
+        
+        .button {
+            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
+            color: white;
+            border: none;
+            padding: 15px 30px;
+            font-size: 16px;
+            border-radius: 10px;
+            cursor: pointer;
+            width: 100%;
+            margin: 10px 0;
+            transition: transform 0.2s, box-shadow 0.2s;
+            font-weight: 600;
+        }
+        
+        .button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
+        }
+        
+        .button:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+            transform: none;
+        }
+        
+        .button.capture {
+            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
+        }
+        
+        .button.retry {
+            background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
+        }
+        
+        .status {
+            padding: 15px;
+            border-radius: 10px;
+            margin: 20px 0;
+            text-align: center;
+            font-weight: 500;
+        }
+        
+        .status.info {
+            background: #d1ecf1;
+            color: #0c5460;
+            border: 1px solid #bee5eb;
+        }
+        
+        .status.success {
+            background: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        
+        .status.error {
+            background: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+        
+        .status.warning {
+            background: #fff3cd;
+            color: #856404;
+            border: 1px solid #ffeeba;
+        }
+        
+        .loader {
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #3498db;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 1s linear infinite;
+            margin: 20px auto;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        
+        .preview-image {
+            max-width: 100%;
+            border-radius: 15px;
+            margin: 20px 0;
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+        }
+        
+        .match-result {
+            text-align: center;
+            padding: 30px;
+        }
+        
+        .match-result .icon {
+            font-size: 80px;
+            margin-bottom: 20px;
+        }
+        
+        .match-result h2 {
+            color: #2c3e50;
+            margin-bottom: 15px;
+        }
+        
+        .countdown {
+            font-size: 14px;
+            color: #7f8c8d;
+            text-align: center;
+            margin-top: 20px;
+        }
+    </style>
 </head>
 <body>
-	<div class="contestation-container">
-		<div class="contestation-card">
-			<div class="contestation-header">
-				<h1>
-					<i class="bi bi-clipboard-x me-2"></i>
-					<?= htmlspecialchars($title) ?>
-				</h1>
-			</div>
-			
-			<div class="contestation-body">
-				<!-- Information Section -->
-				<div class="info-section">
-					<div class="info-item">
-						<i class="bi bi-info-circle"></i>
-						<strong><?= $codeLangue == 'en_US' ? 'Information:' : 'Information :' ?></strong>
-					</div>
-					<div class="info-item">
-						<i class="bi bi-building"></i>
-						<span><?= $codeLangue == 'en_US' ? 'Entity:' : 'Entité :' ?> <?= htmlspecialchars($codeEntite) ?></span>
-					</div>
-					<div class="info-item">
-						<i class="bi bi-person"></i>
-						<span><?= $codeLangue == 'en_US' ? 'Family ID:' : 'ID Famille :' ?> <?= htmlspecialchars($idAdherent) ?></span>
-					</div>
-					<div class="info-item">
-						<i class="bi bi-folder"></i>
-						<span><?= $codeLangue == 'en_US' ? 'Record:' : 'Dossier :' ?> <?= htmlspecialchars($dossier) ?></span>
-					</div>
-				</div>
-				
-				<!-- Contestation Form -->
-				<form action="<?= $action ?>" method="post">
-					<div class="mb-4">
-						<label for="motifContestation" class="form-label required">
-							<?= htmlspecialchars($labelMotifContestation) ?>
-						</label>
-						<textarea 
-							id="motifContestation" 
-							name="motifContestation" 
-							class="form-control border border-success" 
-							rows="8" 
-							required
-							placeholder="<?= htmlspecialchars($placeholder) ?>"
-							maxlength="1000"
-							oninput="updateCharacterCount(this)"></textarea>
-						<div class="character-count">
-							<span id="charCount">0</span>/1000 <?= $codeLangue == 'en_US' ? 'characters' : 'caractères' ?>
-						</div>
-					</div>
-					
-					<button type="submit" class="btn-submit">
-						<i class="bi bi-send-check me-2"></i>
-						<?= htmlspecialchars($label) ?>
-					</button>
-				</form>
-			</div>
-		</div>
-	</div>
+    <div class="container">
+        <div class="header">
+            <h1>🏥 INTER-SANTÉ</h1>
+            <p>Vérification d'identité sécurisée</p>
+        </div>
+        
+        <div class="content">
+            <!-- Étape 1: Chargement -->
+            <div id="step-loading" class="step active">
+                <div class="loader"></div>
+                <p style="text-align: center; color: #7f8c8d;">Vérification du lien...</p>
+            </div>
+            
+            <!-- Étape 2: Instructions -->
+            <div id="step-instructions" class="step">
+                <div class="instructions">
+                    <h3>Instructions pour la vérification</h3>
+                    <ul>
+                        <li>Positionnez votre visage dans l'ovale</li>
+                        <li>Assurez-vous d'être dans un endroit bien éclairé</li>
+                        <li>Regardez directement la caméra</li>
+                        <li>Restez immobile lors de la capture</li>
+                        <li>Retirez lunettes de soleil, casquette ou masque</li>
+                    </ul>
+                </div>
+                <button class="button" onclick="startCamera()">📸 Démarrer la caméra</button>
+            </div>
+            
+            <!-- Étape 3: Capture -->
+            <div id="step-capture" class="step">
+                <div class="video-container">
+                    <video id="video" autoplay playsinline></video>
+                    <canvas id="canvas"></canvas>
+                    <div class="face-overlay"></div>
+                </div>
+                <div id="camera-status" class="status info">
+                    Positionnez votre visage dans l'ovale
+                </div>
+                <button class="button capture" onclick="capturePhoto()">📷 Prendre la photo</button>
+            </div>
+            
+            <!-- Étape 4: Confirmation -->
+            <div id="step-confirm" class="step">
+                <h3 style="color: #2c3e50; margin-bottom: 15px;">Confirmez votre photo</h3>
+                <img id="preview" class="preview-image" alt="Votre photo">
+                <button class="button" onclick="verifyPhoto()">✓ Confirmer et vérifier</button>
+                <button class="button retry" onclick="retakePhoto()">↻ Reprendre la photo</button>
+            </div>
+            
+            <!-- Étape 5: Vérification en cours -->
+            <div id="step-verifying" class="step">
+                <div class="loader"></div>
+                <p style="text-align: center; color: #7f8c8d; margin-top: 20px;">
+                    Vérification de votre identité en cours...<br>
+                    <small>Merci de patienter</small>
+                </p>
+            </div>
+            
+            <!-- Étape 6: Résultat -->
+            <div id="step-result" class="step">
+                <div class="match-result">
+                    <div class="icon" id="result-icon"></div>
+                    <h2 id="result-title"></h2>
+                    <p id="result-message"></p>
+                </div>
+                <div id="countdown" class="countdown"></div>
+            </div>
+            
+            <!-- Étape 7: Erreur -->
+            <div id="step-error" class="step">
+                <div class="status error">
+                    <h3>❌ Erreur</h3>
+                    <p id="error-message"></p>
+                </div>
+            </div>
+        </div>
+    </div>
 
-	<script>
-		function updateCharacterCount(textarea) {
-			const charCount = textarea.value.length;
-			document.getElementById('charCount').textContent = charCount;
-			
-			// Change color when approaching limit
-			const charCountElement = document.getElementById('charCount');
-			if (charCount > 900) {
-				charCountElement.style.color = '#dc3545';
-				charCountElement.style.fontWeight = 'bold';
-			} else if (charCount > 750) {
-				charCountElement.style.color = '#ffc107';
-				charCountElement.style.fontWeight = 'bold';
-			} else {
-				charCountElement.style.color = '#6c757d';
-				charCountElement.style.fontWeight = 'normal';
-			}
-		}
-		
-		// Initialize character count on page load
-		document.addEventListener('DOMContentLoaded', function() {
-			const textarea = document.getElementById('motifContestation');
-			updateCharacterCount(textarea);
-		});
-	</script>
-	
-	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        let video = document.getElementById('video');
+        let canvas = document.getElementById('canvas');
+        let context = canvas.getContext('2d');
+        let stream = null;
+        let verificationToken = null;
+        let capturedImage = null;
+        
+        // Récupérer le token depuis l'URL
+        const urlParams = new URLSearchParams(window.location.search);
+		// alert(urlParams);
+        // verificationToken = urlParams.get('token');
+		codeEntite = urlParams.get('codeEntite');
+		idBeneficiaire = urlParams.get('idBeneficiaire');
+		alert("codeEntite="+codeEntite+" ; idBeneficiaire="+idBeneficiaire);
+        
+        // Initialisation
+        window.onload = function() {
+            if (!verificationToken) {
+                showError('Lien de vérification invalide');
+                return;
+            }
+            
+            // Vérifier la validité du token
+            validateToken();
+        };
+        
+        function validateToken() {
+            fetch('verify_facial_api.php', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    action: 'validate_token',
+                    token: verificationToken
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    showStep('step-instructions');
+                } else {
+                    showError(data.message || 'Lien expiré ou invalide');
+                }
+            })
+            .catch(error => {
+                showError('Erreur de connexion au serveur');
+            });
+        }
+        
+        function showStep(stepId) {
+            document.querySelectorAll('.step').forEach(step => {
+                step.classList.remove('active');
+            });
+            document.getElementById(stepId).classList.add('active');
+        }
+        
+        function showError(message) {
+            document.getElementById('error-message').textContent = message;
+            showStep('step-error');
+        }
+        
+        async function startCamera() {
+            try {
+                stream = await navigator.mediaDevices.getUserMedia({
+                    video: {
+                        facingMode: 'user',
+                        width: { ideal: 1280 },
+                        height: { ideal: 720 }
+                    }
+                });
+                
+                video.srcObject = stream;
+                showStep('step-capture');
+                
+            } catch (error) {
+                console.error('Erreur caméra:', error);
+                showError('Impossible d\'accéder à la caméra. Veuillez autoriser l\'accès.');
+            }
+        }
+        
+        function capturePhoto() {
+            // Configurer le canvas
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            
+            // Capturer l'image
+            context.drawImage(video, 0, 0, canvas.width, canvas.height);
+            
+            // Convertir en base64
+            capturedImage = canvas.toDataURL('image/jpeg', 0.9);
+            
+            // Afficher l'aperçu
+            document.getElementById('preview').src = capturedImage;
+            
+            // Arrêter la caméra
+            stopCamera();
+            
+            // Passer à l'étape de confirmation
+            showStep('step-confirm');
+        }
+        
+        function retakePhoto() {
+            capturedImage = null;
+            startCamera();
+        }
+        
+        function stopCamera() {
+            if (stream) {
+                stream.getTracks().forEach(track => track.stop());
+                stream = null;
+            }
+        }
+        
+        function verifyPhoto() {
+            showStep('step-verifying');
+            
+            fetch('verify_facial_api.php', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    action: 'verify_face',
+                    token: verificationToken,
+                    image: capturedImage
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success && data.match) {
+                    showSuccess(data);
+                } else {
+                    showFailure(data);
+                }
+            })
+            .catch(error => {
+                showError('Erreur lors de la vérification: ' + error.message);
+            });
+        }
+        
+        function showSuccess(data) {
+            document.getElementById('result-icon').textContent = '✅';
+            document.getElementById('result-title').textContent = 'Identité vérifiée !';
+            document.getElementById('result-title').style.color = '#27ae60';
+            document.getElementById('result-message').innerHTML = 
+                `Votre identité a été confirmée avec succès.<br>
+                Confiance: ${data.confidence}%<br><br>
+                <strong>Vous pouvez maintenant accéder à vos prestations.</strong>`;
+            
+            showStep('step-result');
+            
+            // Redirection automatique après 5 secondes
+            startCountdown(5, () => {
+                window.location.href = data.redirect_url || 'dashboard.php';
+            });
+        }
+        
+        function showFailure(data) {
+            document.getElementById('result-icon').textContent = '❌';
+            document.getElementById('result-title').textContent = 'Vérification échouée';
+            document.getElementById('result-title').style.color = '#e74c3c';
+            document.getElementById('result-message').innerHTML = 
+                `${data.message || 'Votre visage ne correspond pas à notre base de données.'}<br><br>
+                Si vous pensez qu'il s'agit d'une erreur, veuillez contacter notre service client.<br>
+                <strong>Tentatives restantes: ${data.attempts_remaining || 0}</strong>`;
+            
+            showStep('step-result');
+            
+            // Permettre une nouvelle tentative si disponible
+            if (data.attempts_remaining > 0) {
+                setTimeout(() => {
+                    location.reload();
+                }, 5000);
+            }
+        }
+        
+        function startCountdown(seconds, callback) {
+            let remaining = seconds;
+            const countdownEl = document.getElementById('countdown');
+            
+            const interval = setInterval(() => {
+                countdownEl.textContent = `Redirection dans ${remaining} secondes...`;
+                remaining--;
+                
+                if (remaining < 0) {
+                    clearInterval(interval);
+                    callback();
+                }
+            }, 1000);
+        }
+        
+        // Nettoyer la caméra quand on quitte la page
+        window.onbeforeunload = function() {
+            stopCamera();
+        };
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Contestation/Demandereconnaissancefacialeia.php b/Contestation/Demandereconnaissancefacialeia.php
index ba6db68..7961815 100755
--- a/Contestation/Demandereconnaissancefacialeia.php
+++ b/Contestation/Demandereconnaissancefacialeia.php
@@ -25,7 +25,12 @@
 	}
 
 	if (!isset($_GET['idBeneficiaire'])) {
-		$msg = $codeLangue == 'en_US' ? "Family parameter missing from query!" : "Paramètre famille absent de la requête!";
+		$msg = $codeLangue == 'en_US' ? "Insured ID missing from query!" : "ID assuré absent de la requête!";
+		afficherMessage($msg);
+	}
+
+	if (!isset($_GET['idDemande'])) {
+		$msg = $codeLangue == 'en_US' ? "Reqest ID missing from query!" : "ID demande absent de la requête!";
 		afficherMessage($msg);
 	}
 
@@ -33,9 +38,11 @@
 	$_SESSION['codeEntite'] = base64_decode($_GET['codeEntite']);
 	$_SESSION['codePrestataire'] = base64_decode($_GET['codePrestataire']);
 	$_SESSION['idBeneficiaire'] = base64_decode($_GET['idBeneficiaire']);
+	$_SESSION['idDemande'] = base64_decode($_GET['idDemande']);
 
 	$codeSociete = $_SESSION['codeEntite'];
 	$idBeneficiaire = $_SESSION['idBeneficiaire'];
+	$idDemande = $_SESSION['idDemande'];
 	$codePrestataire = $_SESSION['codePrestataire'];
 
 	$codeBdd = $codeSociete;