document.addEventListener("DOMContentLoaded", () => {
    
    // récupère tous les ids des agendas 
    let agendasIds = document.querySelectorAll(".identifients");

    (async () => {
      for (const agendaId of agendasIds) {

        let identifiant = agendaId.innerHTML;
        let result = document.getElementById("identifiant-" + identifiant);
        let lien = document.getElementById("lien-" + identifiant).innerHTML;
        // console.log("ok");
        // console.log(lien);
        try {
          // appel de l'API
          const response = await fetch('https://logidesk-agenda.eu/fr/agenda-disponibilites/' + identifiant + '?token=@/8d4qzDQSD744d7{[8');
          
          // attente de la réponse de l'API
          const data = await response.json();
          
          // Création d'un élément pour afficher le résultat
          let contentDiv = document.createElement("span");

          if (data.nextAvailability) {
            let agendaLink = data.agendaUrl;
            contentDiv.innerHTML = '<a href="' + lien + '"  style="text-decoration: underline;" rel="noopener">' + data.nextAvailability + '</a>';
          } else if (data.agendaUrl) {
            contentDiv.innerHTML = '<a href="' + lien + '"  style="text-decoration: underline;" rel="noopener">Agenda en ligne</a>';
          }

          // Supprimer le chargeur  
          result.innerHTML = "";
          result.appendChild(contentDiv);

        } catch (error) {
          // Supprimer le chargeur  
          result.innerHTML = "";
          // Afficher le message d'erreur
          result.innerHTML = '<span style="color: rgb(100,100,100)">Erreur sur les données de disponibilité.<span>';
          console.error('Error fetching data:', error);
        }
      }
    })();
  
});