Mercatino a Capodimonte <script> // Star rating interattivo document.querySelectorAll('.star-label').forEach((lbl, idx, all) => { lbl.addEventListener('mouseenter', () => { all.forEach((l, i) => l.classList.toggle('text-yellow-400', i <= idx)); all.forEach((l, i) => l.classList.toggle('text-gray-300', i > idx)); }); lbl.addEventListener('click', () => { lbl.querySelector('input').checked = true; all.forEach((l, i) => l.classList.toggle('text-yellow-400', i <= idx)); all.forEach((l, i) => l.classList.toggle('text-gray-300', i > idx)); }); }); document.getElementById('star-rating')?.addEventListener('mouseleave', () => { const checked = document.querySelector('#star-rating input:checked'); const val = checked ? parseInt(checked.value) - 1 : -1; document.querySelectorAll('.star-label').forEach((l, i) => { l.classList.toggle('text-yellow-400', i <= val); l.classList.toggle('text-gray-300', i > val); }); }); // Toggle preferito const btnPref = document.getElementById('btn-preferito'); if (btnPref) { btnPref.addEventListener('click', async () => { const id = btnPref.dataset.id; const res = await fetch(`/account/preferiti/toggle/${id}`, { method: 'POST', headers: {'X-CSRFToken': document.querySelector('meta[name="csrf-token"]')?.content || ''} }); const data = await res.json(); const icon = document.getElementById('pref-icon'); const label = document.getElementById('pref-label'); if (data.salvato) { icon.textContent = '❤️'; label.textContent = 'Salvato'; btnPref.classList.add('bg-red-50','border-red-300','text-red-500'); } else { icon.textContent = '🤍'; label.textContent = 'Salva'; btnPref.classList.remove('bg-red-50','border-red-300','text-red-500'); } }); } </script>