const equipe = [
  { nom: "Mélissa", job: "Stagiaire", partie: "Page contact" },
  { nom: "Guillaume", job: "Stagiaire", partie: "Page services" },
  { nom: "Matthieu", job: "Tuteur", partie: "Relecture" },
];

for (const membre of equipe) {
  console.log(membre.nom + " — " + membre.job + " — " + membre.partie);
}

function creerLigne(membre) {
  const tr = document.createElement("tr");

  const tdNom = document.createElement("td");
  tdNom.textContent = membre.nom;

  const tdJob = document.createElement("td");
  tdJob.textContent = membre.job;

  const tdPartie = document.createElement("td");
  tdPartie.textContent = membre.partie;

  tr.append(tdNom, tdJob, tdPartie);
  return tr;
}

const corps = document.getElementById("corps_equipe");

function afficherEquipe(liste) {
  corps.innerHTML = "";
  for (const membre of liste) {
    corps.append(creerLigne(membre));
  }
}
afficherEquipe(equipe);

document.getElementById("nb_membres").textContent = equipe.length;

const champRecherche = document.getElementById("recherche");

champRecherche.addEventListener("input", function () {
  const motCherche = champRecherche.value.toLowerCase();

  // on garde seulement les membres dont le nom contient le texte tapé
  const resultats = equipe.filter(function (membre) {
    return membre.nom.toLowerCase().includes(motCherche);
  });

  afficherEquipe(resultats); // on ré-affiche, mais filtré
});

document.getElementById("trier").addEventListener("click", function () {
  const triee = [...equipe].sort(function (a, b) {
    return a.nom.localeCompare(b.nom);
  });
  afficherEquipe(triee);
});

const flotte1 = [
  { modele: "Renault Kangoo", immatriculation: "AB-123-CD", km: 45200 },
  { modele: "Peugeot Partner", immatriculation: "EF-456-GH", km: 78900 },
  { modele: "Citroën Berlingo", immatriculation: "IJ-789-KL", km: 12300 },
];

function createLign(car) {
  const tr = document.createElement("tr");

  const tdmodele = document.createElement("td");
  tdmodele.textContent = car.modele;

  const tdimma = document.createElement("td");
  tdimma.textContent = car.immatriculation;

  const tdkm = document.createElement("td");
  tdkm.textContent = car.km;

  tr.append(tdmodele, tdimma, tdkm);
  return tr;
}
const flotte = document.getElementById("flotte_tableau");

function afficherFlotte(list) {
  flotte.innerHTML = "";
  for (const car of list) {
    flotte.append(createLign(car));
  }
}
afficherFlotte(flotte1);