Ajout d'équipe:

Recherche nom du joueur

Front/arbitrage.html

@@ -162,6 +162,10 @@
                                     <!-- Options dynamiques -->
                                 </select>
                             </div>
+                            <div class="form-group">
+                                <label for="searchPlayer">Rechercher un joueur</label>
+                                <input type="text" class="form-control" id="searchPlayer" placeholder="Rechercher un joueur...">
+                            </div>
                             <div class="form-group">
                                 <label for="TeamPlayers">Joueurs</label>
                                 <div class="scrollable-input form-control" id="TeamPlayers">

Front/js/backend/match.js

@@ -402,12 +402,36 @@ if (window.location.href.includes("arbitrage.html")) {
         updateCaptainOptions();
     }
 
+    // Fonction pour filtrer les joueurs en fonction de la recherche
+    function filterPlayers() {
+        const searchValue = document.getElementById('searchPlayer').value.toLowerCase();
+        const filteredPlayers = PlayerList.filter(player =>
+            player.name.toLowerCase().includes(searchValue) ||
+            player.prenom.toLowerCase().includes(searchValue)
+        );
+        playerSelect.innerHTML = filteredPlayers.map(player => `
+            <div class="form-check">
+                <input class="form-check-input" type="checkbox" value="${player.id}" id="${player.id}">
+                <label class="form-check-label" for="${player.id}">
+                    ${player.name} ${player.prenom} ${player.expand.promo.name}
+                </label>
+            </div>`).join('');
+        // Add event listeners to checkboxes
+        document.querySelectorAll('#TeamPlayers input[type="checkbox"]').forEach(checkbox => {
+            checkbox.addEventListener('change', updateCaptainOptions);
+        });
+        updateCaptainOptions();
+    }
+
     // Ajout de l'événement change sur le champ de sélection de la promo
     promoSelect.addEventListener('change', function () {
         const selectedPromoId = promoSelect.value;
         updatePlayerList(selectedPromoId);
     });
 
+    // Ajout de l'événement input sur le champ de recherche
+    document.getElementById('searchPlayer').addEventListener('input', filterPlayers);
+
     const teamAddForm = document.getElementById('addTeamForm');
     teamAddForm.addEventListener('submit', async function (event) {
         event.preventDefault();

README.md

@@ -15,13 +15,13 @@
 
 [ ] Modifier les equipes
 
-[ ] Recherche des joueurs pour la creation d'une equipe
+[x] Recherche des joueurs pour la creation d'une equipe
 
 [ ] Interface mettre tous les points d'un coup
 
 [x] Ajout d'équipes c'est afficher que les joueurs de la bonne promo
 
-[ ] Capitaine que qqun qui est parmis les joueurs sélectionnés
+[x] Capitaine que qqun qui est parmis les joueurs sélectionnés
 
 ## Show your support