// פונקציה להצגת השלב הבא function saveAndProceed(step) { const selectedOption = document.querySelector('input[name="selection"]:checked'); const errorMessage = document.getElementById('error-message'); if (selectedOption) { errorMessage.style.display = 'none'; localStorage.setItem(step, selectedOption.value); updateSelectionDisplay(step); showNextStep(step); } else { errorMessage.style.display = 'block'; } } // עדכון תצוגת הבחירה function updateSelectionDisplay(step) { const barber = localStorage.getItem('choose-barber'); const service = localStorage.getItem('choose-service'); const time = localStorage.getItem('choose-time'); if (barber) document.getElementById('selected-barber').innerText = barber; if (service) document.getElementById('selected-service').innerText = service; if (time) document.getElementById('selected-time').innerText = time; } // הצגת השלב הבא function showNextStep(currentStep) { const currentStepElement = document.getElementById(currentStep); currentStepElement.classList.remove('active'); const nextStep = document.getElementById(getNextStep(currentStep)); nextStep.classList.add('active'); } // קביעת השלב הבא function getNextStep(currentStep) { const steps = ['choose-barber', 'choose-service', 'choose-time']; const currentIndex = steps.indexOf(currentStep); return steps[currentIndex + 1]; } // שליחת הנתונים ל-API function sendToAPI() { const barber = localStorage.getItem('choose-barber'); const service = localStorage.getItem('choose-service'); const time = localStorage.getItem('choose-time'); const data = { barber, service, time }; fetch('https://your-server.com/api/submit-appointment', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(response => response.json()) .then(result => { if (result.success) { alert('הזמנתך נשמרה בהצלחה!'); } else { alert('שגיאה בשמירת ההזמנה. נסה שוב.'); } }) .catch(error => console.error('Error:', error)); }