document.addEventListener("DOMContentLoaded", function () {
  const flags = document.querySelectorAll("img.flag-icon");
  flags.forEach(function (img) {
    if (img.src.includes("es.svg")) {
      img.src = img.src.replace("es.svg", "mx.svg");
      img.style.display = "inline";
    }
  });
});

document.addEventListener('DOMContentLoaded', function () {
    const spans = document.querySelectorAll('span');
    spans.forEach(span => {
        const match = span.textContent.trim().match(/^(\d+)\s+personas$/i);
        if (match) {
            const number = match[1];
            span.textContent = `Hasta ${number} pasajeros`;
        }
    });
});

document.addEventListener('DOMContentLoaded', function () {
    setTimeout(() => {
        document.querySelectorAll('small').forEach(function(small) {
            const spans = small.querySelectorAll('span');
            const text = small.textContent;
            
            if (
                spans.length >= 2 &&
                text.includes("Reservas con") &&
                text.includes("en el establecimiento")
            ) {
                const priceHTML = spans[0].outerHTML;
                const remainingHTML = spans[1].outerHTML;
                small.innerHTML = `(Reservas con ${priceHTML} por día ahora y ${remainingHTML} al recibir el auto)`;
            }
        });
    }, 50); // Espera 50ms a que Alpine termine de renderizar
	
		setTimeout(() => {
			document.querySelectorAll('span').forEach((el) => {
				if (el.textContent.includes('en el establecimiento')) {
					el.innerHTML = el.innerHTML.replace(/en el establecimiento/g, 'al recibir el auto');
				}
			});
		}, 50);
});

document.addEventListener("DOMContentLoaded", function() {
    // Detectar idioma (usar los 2 primeros caracteres: "es", "en", "fr", "pt", "de")
    const lang = (document.documentElement.lang || 'es').slice(0,2);

    // Traducciones
    const translations = {
        es: 'por día',
        en: 'per day',
        fr: 'par jour',
        pt: 'por dia',
        de: 'pro Tag'
    };
    const label = translations[lang] || translations['es'];

    document.querySelectorAll('.service-item__price, .extra-info').forEach(container => {
        // 1) Buscar span con atributo x-text que NO esté dentro de un <small>
        let target = Array.from(container.querySelectorAll('span[x-text]'))
            .find(s => s.closest('small') === null && /[\d\.,]+/.test(s.textContent));

        // 2) Si no encontramos, fallback: primer <span> con número que no esté dentro de <small>
        if (!target) {
            target = Array.from(container.querySelectorAll('span'))
                .find(s => s.closest('small') === null && /[\d\.,]+/.test(s.textContent));
        }

        if (target) {
            // Evitar duplicar la etiqueta si ya está justo después
            const next = target.nextSibling;
            const nextText = next && next.nodeType === Node.TEXT_NODE ? next.textContent.trim() : '';
            if (!nextText.includes(label)) {
                // Insertar label inmediatamente después del span (no rompe Alpine x-text)
                target.insertAdjacentText('afterend', ' ' + label);
            }
        }
    });
});