From 804bcc0d31f4d628fba24942b54f32cef4da87fe Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Wed, 11 Mar 2026 11:36:33 +0000
Subject: [PATCH] fg

---
 Vue/Ajaxtbmodifieretendueterritoire/index.php | 108 +++++++++++++++---
 1 file changed, 90 insertions(+), 18 deletions(-)

diff --git a/Vue/Ajaxtbmodifieretendueterritoire/index.php b/Vue/Ajaxtbmodifieretendueterritoire/index.php
index 6f08e696..81e2d56f 100755
--- a/Vue/Ajaxtbmodifieretendueterritoire/index.php
+++ b/Vue/Ajaxtbmodifieretendueterritoire/index.php
@@ -1,18 +1,90 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Modification des données") ?></legend>
-<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$etendueterritoire['id']?>">
-<table class="table table-responsive table-condensed">
-	<tbody>	
-		<tr> 
-			<td width="5%" align="center" >Code</td>
-			<td width="5%" ><INPUT class="form-control majuscule" TYPE="text" id="codeTerritoire" NAME="codeTerritoire" value="<?= $this->nettoyer($etendueterritoire['codeTerritoire']); ?>" disabled></td>
-            
-			<td width="5%" align="center" class="required"><?= _("Libellé Fr") ?></td>
-            <td width="28%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF"  value="<?= $this->nettoyer($etendueterritoire['libelle']); ?>"></td>
-            
-            <td width="5%" align="center"><?= _("Libellé Eng") ?></td>
-            <td width="27%" ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng" value="<?= $this->nettoyer($etendueterritoire['libelleEng']); ?>"></td>
-        </tr>
-	</tbody>
-</table>	
-</form>
\ No newline at end of file
+<div class="card border-0 shadow-sm border-start border-4 border-primary">
+    <div class="card-header bg-white py-3 border-bottom">
+        <h6 class="mb-0 fw-bold text-uppercase text-primary small" id="titre_formData">
+            <i class="fas fa-edit me-2"></i><?= _("Modification des données") ?>
+        </h6>
+    </div>
+    
+    <div class="card-body p-4">
+        <form id="formData" class="container-fluid p-0">
+            <input type="hidden" id="id" name="id" value="<?= $this->nettoyer($etendueterritoire['id']) ?>">
+
+            <div class="row g-4">
+                <div class="col-md-2">
+                    <label class="form-label fw-bold text-muted small text-uppercase">Code</label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-lock text-muted"></i></span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule fw-bold bg-light" 
+                               id="codeTerritoire" 
+                               name="codeTerritoire" 
+                               value="<?= $this->nettoyer($etendueterritoire['codeTerritoire']); ?>" 
+                               disabled>
+                    </div>
+                </div>
+
+                <div class="col-md-5">
+                    <label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Libellé (Fr)") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0">
+                            <img src="Bootstrap_new/images/new/france.png" width="16" alt="FR">
+                        </span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule fw-bold" 
+                               id="libelle" 
+                               name="libelle" 
+                               required 
+                               autocomplete="OFF" 
+                               value="<?= $this->nettoyer($etendueterritoire['libelle']); ?>">
+                    </div>
+                </div>
+
+                <div class="col-md-5">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Libellé (Eng)") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0">
+                            <img src="Bootstrap_new/images/new/england.png" width="16" alt="EN">
+                        </span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule" 
+                               id="libelleEng" 
+                               name="libelleEng" 
+                               value="<?= $this->nettoyer($etendueterritoire['libelleEng']); ?>">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    $(document).ready(function() {
+        // Règle d'Or Neutral Pro : Focus différé de 200ms
+        setTimeout(function() {
+            $('#libelle').focus();
+        }, 200);
+    });
+</script>
+
+<style>
+    /* Intégration identité Neutral Pro */
+    .border-primary { border-color: #212e53 !important; }
+    .shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
+    
+    .form-control.border-2, .input-group-text.border-2 { 
+        border-width: 2px !important; 
+    }
+    
+    .form-control:focus {
+        border-color: #212e53;
+        box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
+    }
+    
+    .majuscule { text-transform: uppercase; }
+    
+    .required:after {
+        content: " *";
+        color: #dc3545;
+        font-weight: bold;
+    }
+</style>
\ No newline at end of file