{"id":217,"date":"2026-03-30T17:05:53","date_gmt":"2026-03-30T17:05:53","guid":{"rendered":"https:\/\/tamazirtsurfshopschool.com\/?page_id=217"},"modified":"2026-03-30T17:34:43","modified_gmt":"2026-03-30T17:34:43","slug":"booking","status":"publish","type":"page","link":"https:\/\/tamazirtsurfshopschool.com\/it\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Book Your Surf Lesson | Tamazirt Surf Shop & School Taghazout<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Poppins', sans-serif;\r\n background: #f0f4f8;\r\n color: #1e2a3e;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .booking-hero {\r\n background: linear-gradient(135deg, #0a2f44 0%, #1e6b8f 100%);\r\n padding: 2.5rem 1.5rem;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .booking-hero h1 {\r\n font-size: clamp(1.6rem, 6vw, 2.3rem);\r\n font-weight: 800;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .booking-hero p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Main Container *\/\r\n .booking-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem 1rem;\r\n }\r\n\r\n \/* Two Column Layout *\/\r\n .booking-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 1.8rem;\r\n }\r\n\r\n \/* Lesson Cards *\/\r\n .lesson-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .lesson-card {\r\n background: white;\r\n border-radius: 1.2rem;\r\n padding: 1.2rem;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n }\r\n\r\n .lesson-card.selected {\r\n border-color: #DC2626;\r\n background: #fff5f5;\r\n box-shadow: 0 8px 20px rgba(220,38,38,0.12);\r\n }\r\n\r\n .lesson-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n .lesson-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .lesson-title {\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n }\r\n\r\n .lesson-price {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: #DC2626;\r\n }\r\n\r\n .lesson-price span {\r\n font-size: 0.75rem;\r\n font-weight: normal;\r\n }\r\n\r\n .lesson-desc {\r\n font-size: 0.85rem;\r\n color: #4a6f86;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Booking Form *\/\r\n .booking-form {\r\n background: white;\r\n border-radius: 1.5rem;\r\n padding: 1.5rem;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .form-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-section h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #0a2f44;\r\n margin-bottom: 1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n border-left: 3px solid #DC2626;\r\n padding-left: 0.8rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #2c4a5e;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .form-group select,\r\n .form-group input {\r\n width: 100%;\r\n padding: 0.8rem 1rem;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 1rem;\r\n font-size: 0.9rem;\r\n font-family: inherit;\r\n background: #f9fbfd;\r\n transition: border 0.2s ease;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .form-group select {\r\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234a6f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n background-repeat: no-repeat;\r\n background-position: right 1rem center;\r\n background-size: 1.2em;\r\n }\r\n\r\n .form-group select:focus,\r\n .form-group input:focus {\r\n outline: none;\r\n border-color: #DC2626;\r\n }\r\n\r\n \/* Professional Time Slots *\/\r\n .time-slots {\r\n display: flex;\r\n gap: 0.8rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .time-slot {\r\n flex: 1;\r\n min-width: 100px;\r\n background: #f8fafc;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 1rem;\r\n padding: 0.8rem 0.5rem;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .time-slot.selected {\r\n background: #DC2626;\r\n border-color: #DC2626;\r\n color: white;\r\n }\r\n\r\n .time-slot .time {\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .time-slot .period {\r\n font-size: 0.7rem;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Professional Participants Dropdown *\/\r\n .participants-select {\r\n width: 100%;\r\n max-width: 180px;\r\n }\r\n\r\n \/* Checkbox with Terms Link *\/\r\n .checkbox-group {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin: 1rem 0;\r\n }\r\n\r\n .checkbox-group input {\r\n width: 18px;\r\n height: 18px;\r\n margin: 0;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n }\r\n\r\n .checkbox-group label {\r\n font-size: 0.85rem;\r\n color: #2c4a5e;\r\n margin: 0;\r\n cursor: pointer;\r\n }\r\n\r\n .terms-link {\r\n color: #DC2626;\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n .terms-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Total Section *\/\r\n .total-section {\r\n background: #f0f7fa;\r\n border-radius: 1rem;\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n }\r\n\r\n .total-label {\r\n font-weight: 700;\r\n color: #0a2f44;\r\n }\r\n\r\n .total-price {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: #DC2626;\r\n line-height: 1;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n background: #25D366;\r\n color: white;\r\n font-weight: 700;\r\n padding: 1rem;\r\n border-radius: 2rem;\r\n border: none;\r\n font-size: 1rem;\r\n margin-top: 1.2rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Thank You Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75);\r\n z-index: 1000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem;\r\n }\r\n\r\n .modal.active {\r\n display: flex;\r\n }\r\n\r\n .modal-content {\r\n background: white;\r\n border-radius: 1.5rem;\r\n padding: 2rem;\r\n text-align: center;\r\n max-width: 380px;\r\n width: 100%;\r\n animation: fadeInUp 0.4s ease;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .modal-icon {\r\n width: 75px;\r\n height: 75px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n }\r\n\r\n .modal-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n stroke: white;\r\n stroke-width: 2.5;\r\n }\r\n\r\n .modal-content h3 {\r\n font-size: 1.6rem;\r\n font-weight: 800;\r\n color: #0a2f44;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .modal-content p {\r\n color: #4a6f86;\r\n margin-bottom: 1.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .modal-btn {\r\n background: #DC2626;\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 2rem;\r\n border: none;\r\n font-weight: 700;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .booking-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n .booking-container {\r\n padding: 1.5rem 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .booking-form {\r\n padding: 1.2rem;\r\n }\r\n .lesson-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n .time-slots {\r\n gap: 0.6rem;\r\n }\r\n .time-slot {\r\n min-width: 85px;\r\n padding: 0.6rem 0.3rem;\r\n }\r\n .time-slot .time {\r\n font-size: 0.8rem;\r\n }\r\n .total-price {\r\n font-size: 1.5rem;\r\n }\r\n .modal-content {\r\n padding: 1.5rem;\r\n }\r\n .modal-content h3 {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"booking-hero\">\r\n <h1>Surf Lessons Booking Form<\/h1>\r\n <p>Once you submit your request, we'll get in touch with you via WhatsApp<\/p>\r\n <\/div>\r\n\r\n <div class=\"booking-container\">\r\n <div class=\"booking-grid\">\r\n \r\n <!-- Left: Lesson Selection Cards -->\r\n <div class=\"lesson-cards\" id=\"lessonCards\">\r\n <div class=\"lesson-card\" data-type=\"open\" data-price=\"25\">\r\n <div class=\"lesson-header\">\r\n <span class=\"lesson-title\">Join Open Group<\/span>\r\n <span class=\"lesson-price\">\u20ac25 <span>\/ person<\/span><\/span>\r\n <\/div>\r\n <p class=\"lesson-desc\">Shared lessons with other surfers. Great for meeting new people!<\/p>\r\n <\/div>\r\n\r\n <div class=\"lesson-card\" data-type=\"private-group\" data-price=\"30\">\r\n <div class=\"lesson-header\">\r\n <span class=\"lesson-title\">Private Group<\/span>\r\n <span class=\"lesson-price\">\u20ac30 <span>\/ person<\/span><\/span>\r\n <\/div>\r\n <p class=\"lesson-desc\">Exclusive coaching for your group (couples, families, or friends).<\/p>\r\n <\/div>\r\n\r\n <div class=\"lesson-card\" data-type=\"1on1\" data-price=\"55\">\r\n <div class=\"lesson-header\">\r\n <span class=\"lesson-title\">1 on 1 Coaching<\/span>\r\n <span class=\"lesson-price\">\u20ac55 <span>\/ person<\/span><\/span>\r\n <\/div>\r\n <p class=\"lesson-desc\">Accelerated, personalized coaching for fast improvement.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: Booking Form -->\r\n <div class=\"booking-form\">\r\n <form id=\"bookingForm\" action=\"\">\r\n <!-- Hidden fields for lesson data -->\r\n <input type=\"hidden\" id=\"lessonType\" value=\"open\">\r\n <input type=\"hidden\" id=\"lessonPrice\" value=\"25\">\r\n\r\n <!-- Section 2: Participants and Time -->\r\n <div class=\"form-section\">\r\n <h3>Select Participants & Time<\/h3>\r\n \r\n <!-- Professional Participants Dropdown -->\r\n <div class=\"form-group\">\r\n <label>How Many Persons?<\/label>\r\n <select id=\"participantsCount\" class=\"participants-select\">\r\n <option value=\"1\">1 Person<\/option>\r\n <option value=\"2\">2 Persons<\/option>\r\n <option value=\"3\">3 Persons<\/option>\r\n <option value=\"4\">4 Persons<\/option>\r\n <option value=\"5\">5 Persons<\/option>\r\n <option value=\"6\">6 Persons<\/option>\r\n <option value=\"7\">7 Persons<\/option>\r\n <option value=\"8\">8 Persons<\/option>\r\n <option value=\"9\">9 Persons<\/option>\r\n <option value=\"10\">10 Persons<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <!-- Surf Level -->\r\n <div class=\"form-group\">\r\n <label>Your Surf Level<\/label>\r\n <select id=\"surfLevel\" required>\r\n <option value=\"\">Select level<\/option>\r\n <option value=\"Beginner\">Beginner (First time)<\/option>\r\n <option value=\"Beginner\/Intermediate\">Beginner\/Intermediate (Few lessons)<\/option>\r\n <option value=\"Intermediate\">Intermediate (Can catch waves)<\/option>\r\n <option value=\"Advanced\">Advanced<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <!-- Date -->\r\n <div class=\"form-group\">\r\n <label>Preferred Date<\/label>\r\n <input type=\"date\" id=\"preferredDate\" required>\r\n <\/div>\r\n\r\n <!-- Time Slots -->\r\n <div class=\"form-group\">\r\n <label>Preferred Time (2 Hour Session)<\/label>\r\n <div class=\"time-slots\">\r\n <div class=\"time-slot\" data-time=\"10:00 AM\">\r\n <div class=\"time\">10:00 AM<\/div>\r\n <div class=\"period\">Morning<\/div>\r\n <\/div>\r\n <div class=\"time-slot\" data-time=\"12:00 PM\">\r\n <div class=\"time\">12:00 PM<\/div>\r\n <div class=\"period\">Midday<\/div>\r\n <\/div>\r\n <div class=\"time-slot\" data-time=\"3:00 PM\">\r\n <div class=\"time\">3:00 PM<\/div>\r\n <div class=\"period\">Afternoon<\/div>\r\n <\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"selectedTime\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Section 3: Contact Details -->\r\n <div class=\"form-section\">\r\n <h3>Your Contact Details<\/h3>\r\n <div class=\"form-group\">\r\n <label>Nome completo<\/label>\r\n <input type=\"text\" id=\"fullName\" required placeholder=\"Your full name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Indirizzo e-mail<\/label>\r\n <input type=\"email\" id=\"email\" required placeholder=\"email@example.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone \/ WhatsApp (e.g., +212...)<\/label>\r\n <input type=\"tel\" id=\"phone\" required placeholder=\"+212 6XX XXX XXX\">\r\n <\/div>\r\n\r\n <!-- Terms Checkbox with Link -->\r\n <div class=\"checkbox-group\">\r\n <input type=\"checkbox\" id=\"terms\" required>\r\n <label for=\"terms\">I agree to the <a href=\"https:\/\/tamazirtsurfshopschool.com\/it\/terms-and-conditions\/\" target=\"_blank\" class=\"terms-link\">Termini e condizioni<\/a><\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Total Section -->\r\n <div class=\"total-section\">\r\n <span class=\"total-label\">Total Due on Arrival<\/span>\r\n <span class=\"total-price\" id=\"totalPrice\">\u20ac25<\/span>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\">Submit Booking Request<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Thank You Modal -->\r\n <div id=\"thankYouModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-icon\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <path d=\"M20 6L9 17l-5-5\" stroke=\"white\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Thank You!<\/h3>\r\n <p>Your booking request has been sent successfully.<br>We will contact you via WhatsApp within 24 hours to confirm your surf lesson.<\/p>\r\n <button class=\"modal-btn\" onclick=\"closeModal()\">Close<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ DOM Elements\r\n const lessonCards = document.querySelectorAll('.lesson-card');\r\n const lessonTypeInput = document.getElementById('lessonType');\r\n const lessonPriceInput = document.getElementById('lessonPrice');\r\n const totalPriceSpan = document.getElementById('totalPrice');\r\n const participantsSelect = document.getElementById('participantsCount');\r\n const timeSlots = document.querySelectorAll('.time-slot');\r\n const selectedTimeInput = document.getElementById('selectedTime');\r\n const form = document.getElementById('bookingForm');\r\n const modal = document.getElementById('thankYouModal');\r\n\r\n let currentLessonPrice = 25;\r\n\r\n \/\/ Lesson Selection - update form and total\r\n lessonCards.forEach(card => {\r\n card.addEventListener('click', () => {\r\n lessonCards.forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n \r\n const price = parseInt(card.dataset.price);\r\n const type = card.dataset.type;\r\n currentLessonPrice = price;\r\n lessonTypeInput.value = type;\r\n lessonPriceInput.value = price;\r\n \r\n updateTotal();\r\n });\r\n });\r\n\r\n \/\/ Select first card by default\r\n if (lessonCards.length > 0) {\r\n lessonCards[0].classList.add('selected');\r\n currentLessonPrice = 25;\r\n lessonTypeInput.value = 'open';\r\n lessonPriceInput.value = 25;\r\n }\r\n\r\n \/\/ Update total based on participants and lesson price\r\n function updateTotal() {\r\n const participants = parseInt(participantsSelect.value);\r\n const total = participants * currentLessonPrice;\r\n totalPriceSpan.textContent = `\u20ac${total}`;\r\n }\r\n\r\n participantsSelect.addEventListener('change', updateTotal);\r\n\r\n \/\/ Time slot selection\r\n timeSlots.forEach(slot => {\r\n slot.addEventListener('click', () => {\r\n timeSlots.forEach(s => s.classList.remove('selected'));\r\n slot.classList.add('selected');\r\n selectedTimeInput.value = slot.dataset.time;\r\n });\r\n });\r\n\r\n \/\/ Set default date to tomorrow\r\n const dateInput = document.getElementById('preferredDate');\r\n const tomorrow = new Date();\r\n tomorrow.setDate(tomorrow.getDate() + 1);\r\n const yyyy = tomorrow.getFullYear();\r\n const mm = String(tomorrow.getMonth() + 1).padStart(2, '0');\r\n const dd = String(tomorrow.getDate()).padStart(2, '0');\r\n dateInput.value = `${yyyy}-${mm}-${dd}`;\r\n\r\n \/\/ Modal functions\r\n window.closeModal = function() {\r\n modal.classList.remove('active');\r\n form.reset();\r\n \/\/ Reset form state\r\n participantsSelect.value = '1';\r\n document.getElementById('surfLevel').value = '';\r\n document.getElementById('fullName').value = '';\r\n document.getElementById('email').value = '';\r\n document.getElementById('phone').value = '';\r\n document.getElementById('terms').checked = false;\r\n dateInput.value = `${yyyy}-${mm}-${dd}`;\r\n timeSlots.forEach(s => s.classList.remove('selected'));\r\n selectedTimeInput.value = '';\r\n \r\n \/\/ Reset lesson selection to Open Group\r\n lessonCards.forEach(c => c.classList.remove('selected'));\r\n lessonCards[0].classList.add('selected');\r\n currentLessonPrice = 25;\r\n lessonTypeInput.value = 'open';\r\n lessonPriceInput.value = 25;\r\n updateTotal();\r\n };\r\n\r\n \/\/ Form submission - WhatsApp + Thank You Modal\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n \/\/ Validate all required fields\r\n const surfLevel = document.getElementById('surfLevel').value;\r\n const fullName = document.getElementById('fullName').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n const terms = document.getElementById('terms').checked;\r\n const selectedDate = dateInput.value;\r\n const selectedTimeSlot = selectedTimeInput.value;\r\n\r\n if (!surfLevel) {\r\n alert('Please select your surf level.');\r\n return;\r\n }\r\n if (!fullName) {\r\n alert('Please enter your full name.');\r\n return;\r\n }\r\n if (!email) {\r\n alert('Please enter your email address.');\r\n return;\r\n }\r\n if (!phone) {\r\n alert('Please enter your phone number (WhatsApp).');\r\n return;\r\n }\r\n if (!terms) {\r\n alert('Please agree to the Terms and Conditions.');\r\n return;\r\n }\r\n if (!selectedTimeSlot) {\r\n alert('Please select a preferred time slot.');\r\n return;\r\n }\r\n\r\n \/\/ Format lesson type for display\r\n let lessonDisplay = '';\r\n if (lessonTypeInput.value === 'open') lessonDisplay = 'Open Group Lesson';\r\n else if (lessonTypeInput.value === 'private-group') lessonDisplay = 'Private Group Lesson';\r\n else lessonDisplay = '1-on-1 Coaching';\r\n\r\n const participants = parseInt(participantsSelect.value);\r\n const totalAmount = participants * currentLessonPrice;\r\n\r\n \/\/ Format date nicely\r\n const formattedDate = new Date(selectedDate).toLocaleDateString('en-GB');\r\n\r\n \/\/ Build WhatsApp message\r\n const message = `\ud83c\udfc4 *SURF LESSON BOOKING REQUEST - Tamazirt Surf*%0A%0A` +\r\n `*Lesson Type:* ${lessonDisplay}%0A` +\r\n `*Number of Persons:* ${participants}%0A` +\r\n `*Surf Level:* ${surfLevel}%0A` +\r\n `*Preferred Date:* ${formattedDate}%0A` +\r\n `*Preferred Time:* ${selectedTimeSlot} (2h session)%0A%0A` +\r\n `*Contact Details*%0A` +\r\n `*Name:* ${fullName}%0A` +\r\n `*Email:* ${email}%0A` +\r\n `*WhatsApp:* ${phone}%0A%0A` +\r\n `*Total Due on Arrival:* \u20ac${totalAmount}%0A%0A` +\r\n `I agree to the Terms and Conditions.%0A%0A` +\r\n `Please confirm my booking. Thank you! \ud83c\udf0a`;\r\n\r\n const whatsappNumber = '212762650528';\r\n const whatsappUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${message}`;\r\n\r\n \/\/ Show thank you modal\r\n modal.classList.add('active');\r\n\r\n \/\/ Open WhatsApp in new tab\r\n window.open(whatsappUrl, '_blank');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book Your Surf Lesson | Tamazirt Surf Shop & School Taghazout Surf Lessons Booking Form Once you submit your request, we’ll get in touch with you via WhatsApp Join Open Group \u20ac25 \/ person Shared lessons with other surfers. Great for meeting new people! Private Group \u20ac30 \/ person Exclusive coaching for your group (couples, […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":7,"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/pages\/217\/revisions\/237"}],"wp:attachment":[{"href":"https:\/\/tamazirtsurfshopschool.com\/it\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}