// Si aucun lien, on affiche un message
if (pricingCycleLinks.length === 0) {
pageViewsLabelPrimary.textContent = “Aucun choix”;
return;
}

// Cherche un lien correspondant au hash
let linkMatchingHash = findLinkByHash(anchorHash);

// Si on l’a trouvé, on le prend comme sélection par défaut
// Sinon, on prend le premier
let defaultLink = linkMatchingHash || pricingCycleLinks[0];

// Mise à jour de la zone sélectionnée (son texte)
pageViewsLabelPrimary.textContent = defaultLink.textContent.trim();
pageViewsLabelSecondary.textContent = “”;

// Pour chaque lien, on construit un

// Clic => sélection
li.addEventListener(‘click’, () => {
pageViewsLabelPrimary.textContent = textValue;
pageViewsLabelSecondary.textContent = “”;
pageViewsOptionsList.classList.remove(‘show’);
// On déclenche un clic sur le lien original (si nécessaire)
link.click();
updatePriceWithSms();
});

// On ajoute le

// 5. Appel initial pour remplir le sélecteur
populatePageViewsSelect();

// Exemple de code JavaScript pour gérer l’événement de bascule SMS
const smsToggle = document.getElementById(‘smsToggle’);
smsToggle.addEventListener(‘change’, function() {
if (smsToggle.checked) {
document.querySelectorAll(‘.sms_options’).forEach(option => {
option.style.display = ‘flex’;
});
} else {
document.querySelectorAll(‘.sms_options’).forEach(option => {
option.style.display = ‘none’;
});
}
updatePriceWithSms();
});
});

Chargement…

▼

// — Sélecteurs DOM
const countrySelectContainer = document.getElementById(“countrySelect”);
const countrySelectedOption = countrySelectContainer.querySelector(“.selected-option”);
const countryOptionsList = countrySelectContainer.querySelector(“.options-list”);
const countrySearchInput = countrySelectContainer.querySelector(“.search-input”);

// Éléments dynamiques (zone affichée)
const countryLabelPrimary = countrySelectedOption.querySelector(“.label-primary”);
const countryLabelSecondaryImg = countrySelectedOption.querySelector(“.label-secondary img”);

// Tableau mémoire de tous les pays reçus
let countryListAllData = [];

// 1. Ouverture / fermeture du menu
countrySelectedOption.addEventListener(“click”, function() {
countryOptionsList.classList.toggle(“show”);
});

// 2. Fermer la liste si on clique en dehors
document.addEventListener(“click”, function(e) {
if (!countrySelectContainer.contains(e.target)) {
countryOptionsList.classList.remove(“show”);
}
});

// 3. Requête AJAX pour récupérer la liste complète des pays
fetch(“https://gestion.shopimind.com/smsprice.php?action=getSmsCountries”)
.then(response => {
if (!response.ok) {
throw new Error(“Erreur HTTP ” + response.status);
}
return response.json();
})
.then(data => {
// data contient un tableau d’objets (ex: { name, iso, selected })
console.log(“Pays reçus :”, data);
countryListAllData = data;

// Trouver le pays avec selected = true, sinon prendre le premier
const selectedCountry = countryListAllData.find(c => c.selected === true);

if (selectedCountry) {
setCountrySelected(selectedCountry);
} else if (countryListAllData.length > 0) {
setCountrySelected(countryListAllData[0]);
} else {
countryLabelPrimary.textContent = “Aucun pays trouvé”;
}

// Construire la liste complète
generateCountryList(countryListAllData);
})
.catch(error => {
console.error(“Erreur de récupération des pays:”, error);
countryLabelPrimary.textContent = “Erreur de chargement”;
});

// 4. Fonction pour (re)construire la liste

listOfCountries.forEach(country => {
const li = document.createElement(“li”);
li.classList.add(“country-item”);
li.innerHTML = `
${country.name}



`;

// Au clic, on “sélectionne” ce pays
li.addEventListener(“click”, () => {
setCountrySelected(country);
// Fermer la liste
countryOptionsList.classList.remove(“show”);
});

// On ajoute l’élément

/**
* 4.1. Met à jour l’affichage du pays sélectionné
* ET lance la requête pour récupérer les prix.
*/
function setCountrySelected(country) {
// Mettre à jour l’affichage
countryLabelPrimary.textContent = country.name;
countryLabelSecondaryImg.src = `https://flagcdn.com/w20/${country.iso.toLowerCase()}.png`;
countryLabelSecondaryImg.alt = country.name;
document.querySelectorAll(“.price_info_flag”).forEach(el => {
el.innerHTML = ``;
});
// 4.2. Requête pour getSmsPricesByCountry (ISO en majuscules)
const isoUpper = country.iso.toUpperCase();
const url = `https://gestion.shopimind.com/smsprice.php?action=getSmsPricesByCountry&country=${isoUpper}`;

fetch(url)
.then(res => {
if (!res.ok) {
throw new Error(“Erreur HTTP ” + res.status);
}
return res.json();
})
.then(pricesData => {
// Simple console.log pour le retour
console.log(`SMS Prices pour pays [${isoUpper}] :`, pricesData);
populateVolumeSmsSelect(pricesData.plan);

document.querySelectorAll(“.price_sms_plan”).forEach(el => {
el.textContent = `${pricesData.plan} €`;
});
document.querySelectorAll(“.price_sms_standard”).forEach(el => {
el.textContent = `${pricesData.standard} €`;
});
document.querySelectorAll(“.price_sms_premium”).forEach(el => {
el.textContent = `${pricesData.premium} €`;
});
document.querySelectorAll(“.price_sms_ultimate”).forEach(el => {
el.textContent =`${pricesData.ultimate} €`;
});
})
.catch(err => {
console.error(“Erreur de récupération des smsPrices:”, err);
});
}

// 5. Filtrer la liste en fonction de la recherche
countrySearchInput.addEventListener(“keyup”, function() {
const query = countrySearchInput.value.toLowerCase();

// On filtre le tableau complet countryListAllData
const filtered = countryListAllData.filter(country =>
country.name.toLowerCase().includes(query)
);

// On régénère la liste à partir du résultat
generateCountryList(filtered);
});