diff --git a/templates/assets/js/index.js b/templates/assets/js/index.js
index f9be27f..1cd93d1 100644
--- a/templates/assets/js/index.js
+++ b/templates/assets/js/index.js
@@ -4,44 +4,44 @@ async function validatePath() {
   const pathInput = document.getElementById('path-input');
   const statusIcon = document.getElementById('path-status-icon');
   const validateBtn = document.getElementById('validate-btn');
-  const inputPathNameHidden = document.getElementById('pathName');
-  const inputNamePathSection = document.getElementById('namePath');
-  
-  const pathName = pathInput.value.trim();
+  const pathNameHidden = document.getElementById('pathName');
+  const path = pathInput.value.trim();
 
-  if (!pathName) {
+  if (!path) {
     statusIcon.innerHTML = '<i class="fas fa-times has-text-danger"></i>';
     validateBtn.disabled = true;
     return;
   }
 
-  statusIcon.innerHTML = '<i class="fas fa-circle-notch fa-spin"></i>'; // Loading icon
+  // On assigne directement la valeur dans le champ hidden pour HTMX
+  pathNameHidden.value = path;
+
+  statusIcon.innerHTML = '<i class="fas fa-circle-notch fa-spin"></i>'; // Loading spinner
 
   try {
     const response = await fetch('/validate-path', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ pathName: pathName }),  // ⚠️ on envoie pathName !
+      body: JSON.stringify({ path }),
     });
 
     if (response.ok) {
-      statusIcon.innerHTML = '<i class="fas fa-check-square"></i>';
+      statusIcon.innerHTML = '<i class="fas fa-check-square has-text-success"></i>';
       validateBtn.disabled = false;
-      inputPathNameHidden.value = pathName;  // on stocke le PathName dans le hidden pour le form
-      inputNamePathSection.style.display = "block";
     } else {
       const result = await response.json();
-      statusIcon.innerHTML = '<i class="fas fa-exclamation-triangle"></i>';
+      statusIcon.innerHTML = '<i class="fas fa-exclamation-triangle has-text-danger"></i>';
       validateBtn.disabled = true;
       console.error('Error:', result.error);
     }
   } catch (error) {
-    statusIcon.innerHTML = '<i class="fas fa-exclamation-triangle"></i>';
+    statusIcon.innerHTML = '<i class="fas fa-exclamation-triangle has-text-danger"></i>';
     validateBtn.disabled = true;
     console.error('Request failed:', error);
   }
 }
 
+
 function disableAllInputPath(id){
   console.log(this)
   var inputs = document.querySelectorAll('#path-'+id+' .fff');