search by insee code

assets/app.js

@@ -633,5 +633,82 @@ document.addEventListener('DOMContentLoaded', () => {
     table.classList.add('js-sort-table');
   });
 
+  async function searchInseeCode(query) {
+    try {
 
+      // Afficher l'indicateur de chargement
+      document.querySelector('#loading_search_insee').classList.remove('d-none');
+      const response = await fetch(`https://geo.api.gouv.fr/communes?nom=${query}&fields=nom,code,codesPostaux&limit=10`);
+      const data = await response.json();
+      return data.map(commune => ({
+        label: `${commune.nom} (code insee ${commune.code})`,
+        insee: commune.code,
+        postcodes: commune.codesPostaux
+      }));
+    } catch (error) {
+      console.error('Erreur lors de la recherche du code INSEE:', error);
+      return [];
+    }
+  }
+
+  // Modifier la fonction de recherche existante
+  const searchInput = document.getElementById('app_admin_labourer');
+  const suggestionList = document.getElementById('suggestionList');
+
+  if (searchInput && suggestionList) {
+    let timeoutId;
+
+    searchInput.addEventListener('input', () => {
+      clearTimeout(timeoutId);
+      const query = searchInput.value.trim();
+
+      if (query.length < 2) {
+        suggestionList.innerHTML = '';
+        return;
+      }
+
+      timeoutId = setTimeout(async () => {
+        const suggestions = await searchInseeCode(query);
+        suggestionList.innerHTML = '';
+
+        if (suggestions.length === 0) {
+          const li = document.createElement('li');
+          li.style.cssText = `
+            padding: 8px 12px;
+            color: #666;
+            font-style: italic;
+          `;
+          li.textContent = 'Aucun résultat trouvé';
+          suggestionList.appendChild(li);
+          return;
+        }
+
+        suggestions.forEach(suggestion => {
+          const li = document.createElement('li');
+          li.style.cssText = `
+            padding: 8px 12px;
+            cursor: pointer;
+            border-bottom: 1px solid #eee;
+          `;
+          li.textContent = suggestion.label;
+
+          li.addEventListener('mouseenter', () => {
+            li.style.backgroundColor = '#f0f0f0';
+          });
+
+          li.addEventListener('mouseleave', () => {
+            li.style.backgroundColor = 'white';
+          });
+
+          li.addEventListener('click', () => {
+            searchInput.value = suggestion.insee;
+            suggestionList.innerHTML = '';
+            labourer();
+          });
+
+          suggestionList.appendChild(li);
+        });
+      }, 300);
+    });
+  }
 });