From 45669b62aa19b34bf9ec3f710f1d3640dec4c3fa Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Thu, 12 Mar 2026 10:58:33 +0000
Subject: [PATCH] fg

---
 Vue/Rechercheparcarte/index.php | 45 +++++++++++++++------------------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/Vue/Rechercheparcarte/index.php b/Vue/Rechercheparcarte/index.php
index 3c79657c..6765a869 100755
--- a/Vue/Rechercheparcarte/index.php
+++ b/Vue/Rechercheparcarte/index.php
@@ -1,39 +1,38 @@
 <div class="page-content animate__animated animate__fadeIn">
-    <div class="header-section mb-0">
-        <div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
-            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
-                <i class="fas fa-id-card fs-4"></i>
+    <div class="header-section mb-3">
+        <div class="d-flex align-items-center bg-white p-2 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">
+                <i class="fas fa-id-card fs-5"></i>
             </div>
             <div>
-                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Identification de l'Assuré") ?></h4>
-                <p class="text-muted small mb-0"><?= _("Scannez une carte NFC ou un QR Code pour identification immédiate") ?></p>
+                <h5 id="titre-page" class="mb-0 fw-bold text-uppercase small"><?= _("Identification de l'Assuré") ?></h5>
+                <p class="text-muted mb-0" style="font-size: 0.75rem;"><?= _("Scannez une carte NFC ou un QR Code") ?></p>
             </div>
         </div>
     </div>
 
     <div class="row justify-content-center">
-        <div class="col-md-8 col-lg-6">
+        <div class="col-md-8 col-lg-5">
             <form id="frmrechercheparcarte" name="frmrechercheparcarte" method="post" action="Rechercheparcarte/index/">
                 
                 <div class="scan-container text-center">
-                    <div class="scan-wrapper shadow-lg mb-2" id="scan-wrapper">
-                        <div class="scan-inner p-5">
-                            <div class="scan-corner tl"></div>
+                    <div class="scan-wrapper shadow-lg mb-3" id="scan-wrapper">
+                        <div class="scan-inner p-4"> <div class="scan-corner tl"></div>
                             <div class="scan-corner tr"></div>
                             <div class="scan-corner bl"></div>
                             <div class="scan-corner br"></div>
 
-                            <div class="scan-interface py-4">
-                                <div class="mb-4">
-                                    <div class="nfc-pulse-container mb-3">
-                                        <svg class="nfc-icon-pulse" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                            <div class="scan-interface">
+                                <div class="mb-3">
+                                    <div class="nfc-pulse-container mb-2">
+                                        <svg class="nfc-icon-pulse" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
                                             <path d="M20 6a10 10 0 0 1 0 12"/>
                                             <path d="M17 9a6 6 0 0 1 0 6"/>
                                             <path d="M14 11.5a2 2 0 0 1 0 1"/>
                                             <rect x="2" y="6" width="8" height="12" rx="1"/>
                                         </svg>
                                     </div>
-                                    <h6 class="text-uppercase fw-bold text-primary ls-2">Inter-Santé NFC / QR</h6>
+                                    <h6 class="text-uppercase fw-bold text-primary ls-1 small">Inter-Santé NFC / QR</h6>
                                 </div>
 
                                 <div class="input-focus-wrapper">
@@ -44,21 +43,19 @@
                                         name="donneesCarte" 
                                         autofocus 
                                         autocomplete="OFF" 
-                                        placeholder="<?= _("En attente de détection...") ?>">
+                                        placeholder="<?= _("En attente...") ?>">
                                 </div>
 
-                                <div class="reading-indicator mt-4" id="reading-indicator">
-                                    <div class="d-flex align-items-center justify-content-center text-success">
-                                        <i class="fas fa-circle-notch fa-spin me-2"></i>
-                                        <span id="indicator-text" class="fw-bold text-uppercase small ls-1"><?= _("Prêt pour la lecture") ?></span>
-                                    </div>
+                                <div class="reading-indicator mt-3" id="reading-indicator">
+                                    <i class="fas fa-check-circle me-2"></i>
+                                    <span id="indicator-text"><?= _("Prêt") ?></span>
                                 </div>
                             </div>
                         </div>
                     </div>
 
-                    <p class="text-muted small animate__animated animate__pulse animate__infinite">
-                        <i class="fas fa-info-circle me-1"></i> <?= _("Approchez la carte du lecteur ou présentez le QR code à la caméra") ?>
+                    <p class="text-muted fw-bold small animate__animated animate__pulse animate__infinite" style="font-size: 0.8rem;">
+                        <?= _("Présentez la carte ou le code") ?>
                     </p>
                 </div>
 
@@ -68,7 +65,7 @@
             <div id="div_wait_nfc"></div>
 
             <?php if (isset($msgErreur) && $msgErreur > " "): ?>
-                <div class="alert alert-danger-ghost border-0 rounded-pill text-center mt-4 animate__animated animate__shakeX">
+                <div class="alert-danger-ghost border-0 rounded-pill text-center mt-2">
                     <i class="fas fa-exclamation-triangle me-2"></i> <strong><?= $msgErreur ?></strong>
                 </div>
             <?php endif; ?>