Correction sur l'afficha de la liste de departement pour la modification des informations de l'employer

gestion_employe/static/gestion_employe/js/index.js

@@ -12,7 +12,6 @@ const tableau_liste_employe = new Tabulator("#tableau_liste_employe", {
     // ajaxURL: url_liste_employe,
     pagination: true,
     paginationSize: 10,
-    responsiveLayout : "hide"
 })
 
 fetch(url_liste_employe)
@@ -29,6 +28,8 @@ fetch(url_liste_employe)
 
 tableau_liste_employe.on("rowClick", function (row, rowData) {
     const data = rowData.getData(); 
+    console.log('Employé cliqué:', data);
+    
     document.getElementById('detail-id').value = data.id;
     document.getElementById('detail-matricule').value = data.matricule;
     document.getElementById('detail-employe').value = data.employe;
@@ -211,23 +212,41 @@ $("enregistrerDetail").addEventListener("click", function() {
     const fonction = document.getElementById('detail-fonction').value;
     const dateEmbauche = document.getElementById('detail-dateEmbauche').value;
     const matricule = document.getElementById('detail-matricule').value;
+    const departement = document.getElementById('detail-departement').value;
+
+    console.log('=== ENREGISTREMENT DÉTAILS ===');
+    console.log('ID:', id_);
+    console.log('Fonction:', fonction);
+    console.log('Date embauche:', dateEmbauche);
+    console.log('Matricule:', matricule);
+    console.log('Département (valeur brute):', departement);
+    console.log('Département (type):', typeof departement);
+    console.log('Département est vide:', !departement);
 
     const url_enregistrer_detail = $("modalDetailEmployeBody").dataset.url;
+    
+    const payload = {
+        "id": id_,
+        "fonction": fonction,
+        "date_embauche": dateEmbauche,
+        "matricule": matricule,
+        "departement": departement
+    };
+    
+    console.log('Payload JSON:', payload);
+    console.log('Payload stringifié:', JSON.stringify(payload));
+    
     fetch(url_enregistrer_detail, {
         method: "POST",
         headers: {
             "Content-Type": "application/json",
             "X-CSRFToken": document.querySelector('[name=csrfmiddlewaretoken]').value
         },
-        body: JSON.stringify({
-            "id": id_,
-            "fonction": fonction,
-            "date_embauche": dateEmbauche,
-            "matricule": matricule
-        })
+        body: JSON.stringify(payload)
     })
     .then(response => response.json())
     .then(data => {
+        console.log('Réponse du serveur:', data);
         alert(data.message);
         location.reload();
     })