'; weekdays.slice(0,7).forEach(function(dayLabel){ html+='

'+escapeText(dayLabel)+'

'; }); html+='

'; html+='

'; for(var empty=0; empty'+String(day)+''; } html+='

'; if(isLoading){ html+='

'+escapeText(tr('loadingCalendar'))+'

'; } else if(!Object.keys(availabilityByDate).some(function(iso){ return iso.slice(0,7)===formatIsoDate(new Date(year, monthIndex, 1)).slice(0,7) && hasSlotsOnDate(iso); })){ html+='

'+escapeText(tr('noDates'))+'

'; } datePickerEl.innerHTML=html; } function openDatePicker(){ if(!datePickerEl || !dateEl) return; var selected=parseIsoDate(dateEl.value || formatIsoDate(todayDate())); activeMonthDate=monthStart(selected); datePickerEl.hidden=false; renderDatePicker(); loadMonthAvailability(activeMonthDate.getFullYear(), activeMonthDate.getMonth()).catch(function(){}); } function closeDatePicker(){ if(datePickerEl){ datePickerEl.hidden=true; } } function setupDatePicker(){ if(!dateEl || dateEl.dataset.awDatePickerSetup==='1') return; dateEl.dataset.awDatePickerSetup='1'; setDateBounds(); if(!dateEl.value){ dateEl.value=formatIsoDate(todayDate()); } activeMonthDate=monthStart(parseIsoDate(dateEl.value)); dateEl.readOnly=true; dateEl.setAttribute('autocomplete','off'); dateEl.setAttribute('aria-haspopup','dialog'); dateEl.setAttribute('aria-expanded','false'); var field=dateEl.closest ? dateEl.closest('.booking__field') : dateEl.parentNode; if(field){ try{ if(window.getComputedStyle(field).position==='static'){ field.style.position='relative'; } }catch(_err){} datePickerEl=document.createElement('div'); datePickerEl.className='aw-booking-date-picker'; datePickerEl.hidden=true; datePickerEl.setAttribute('role','dialog'); datePickerEl.setAttribute('aria-label',tr('calendarLabel')); field.appendChild(datePickerEl); datePickerEl.addEventListener('click', function(event){ event.stopPropagation(); var target=event.target; var targetEl=target && target.nodeType===1 ? target : (target && target.parentElement ? target.parentElement : null); var nav=targetEl && targetEl.closest ? targetEl.closest('[data-aw-date-nav]') : null; if(nav){ var direction=Number(nav.getAttribute('data-aw-date-nav')||0); if(direction){ var baseDate=activeMonthDate || monthStart(parseIsoDate(dateEl.value || formatIsoDate(todayDate()))); activeMonthDate=new Date(baseDate.getFullYear(), baseDate.getMonth()+direction, 1); renderDatePicker(); loadMonthAvailability(activeMonthDate.getFullYear(), activeMonthDate.getMonth()).catch(function(){}); } return; } var dayButton=targetEl && targetEl.closest ? targetEl.closest('[data-aw-date]') : null; if(dayButton && !dayButton.disabled){ var iso=String(dayButton.getAttribute('data-aw-date')||''); if(iso){ dateEl.value=iso; activeMonthDate=monthStart(parseIsoDate(iso)); closeDatePicker(); refreshDateAvailability(false); } } }); } dateEl.addEventListener('pointerdown', function(event){ event.preventDefault(); event.stopPropagation(); dateEl.focus(); openDatePicker(); }); dateEl.addEventListener('click', function(event){ event.preventDefault(); event.stopPropagation(); openDatePicker(); }); dateEl.addEventListener('keydown', function(event){ if(event.key==='Enter' || event.key===' ' || event.key==='ArrowDown'){ event.preventDefault(); openDatePicker(); } if(event.key==='Escape'){ closeDatePicker(); } }); document.addEventListener('click', function(event){ var target=event.target; if(datePickerEl && target && !datePickerEl.contains(target) && target !== dateEl){ closeDatePicker(); } }); renderDatePicker(); } function refreshDateAvailability(autoAdvance){ if(!dateEl){ fetchSlots(); return; } setupDatePicker(); setBookingReady(false); var iso=dateEl.value || formatIsoDate(todayDate()); if(!dateEl.value){ dateEl.value=iso; } var selected=parseIsoDate(iso); activeMonthDate=monthStart(selected); renderSlotPlaceholder(tr('loadingCalendar')); setMsg(tr('loadingCalendar')); loadMonthAvailability(activeMonthDate.getFullYear(), activeMonthDate.getMonth()).then(function(){ if(hasSlotsOnDate(dateEl.value)){ renderDatePicker(); fetchSlots(); return; } if(autoAdvance === false){ renderDatePicker(); fetchSlots(); return; } firstAvailableFrom(dateEl.value).then(function(nextIso){ if(nextIso){ dateEl.value=nextIso; activeMonthDate=monthStart(parseIsoDate(nextIso)); renderDatePicker(); fetchSlots(); return; } renderDatePicker(); renderSlotPlaceholder(tr('noSlots')); setBookingReady(false); setMsg(tr('noDates')); }).catch(function(){ fetchSlots(); }); }).catch(function(){ fetchSlots(); }); } try{ var bootUrl=new URL(window.location.href); var urlTherapist=bootUrl.searchParams.get('booking_therapist')||''; var urlService=bootUrl.searchParams.get('booking_service')||''; if(urlTherapist){ therapist=urlTherapist; shouldSyncUrl=true; } if(urlService){ service=urlService; shouldSyncUrl=true; } }catch(_err){} function allowTherapist(item){ if(!item) return false; var id=String(item.id||''); var name=String(item.name||''); if(allowedTherapists.length && allowedTherapists.indexOf(id)===-1) return false; return !/^(PW|LeadOps|Lead Ops|Lithops)\s+Therapist\b/i.test(name); } function allowService(item){ if(!item) return false; var id=String(item.id||''); var name=String(item.name||''); if(allowedServices.length && allowedServices.indexOf(id)===-1) return false; return !/^(PW |Revenue Platform|Lead Ops Runtime|LeadOps Service|Lithops Service)/i.test(name); } function sortByAllowed(items, allowed){ if(!Array.isArray(items) || !allowed.length) return items || []; var rank={}; allowed.forEach(function(id, index){ rank[String(id)] = index; }); return items.slice().sort(function(a,b){ var aId=String((a&&a.id)||''); var bId=String((b&&b.id)||''); var aRank=Object.prototype.hasOwnProperty.call(rank, aId) ? rank[aId] : 9999; var bRank=Object.prototype.hasOwnProperty.call(rank, bId) ? rank[bId] : 9999; if(aRank !== bRank) return aRank - bRank; return String((a&&a.name)||'').localeCompare(String((b&&b.name)||'')); }); } function syncBookingLinks(items){ var available={}; (items||[]).forEach(function(item){ if(item && item.id !== undefined && item.id !== null){ available[String(item.id)] = true; } }); try{ document.querySelectorAll('.map-home2-booking-link[data-booking-therapist]').forEach(function(link){ var id=String(link.getAttribute('data-booking-therapist')||'').trim(); var isUnavailable=!!id && !available[id]; if(isUnavailable){ if(!link.getAttribute('data-aw-original-text')){ link.setAttribute('data-aw-original-text', link.textContent || ''); } link.setAttribute('data-booking-unavailable', '1'); link.setAttribute('aria-disabled', 'true'); link.setAttribute('tabindex', '-1'); link.textContent=tr('unavailableTherapist'); link.style.opacity='.55'; link.style.pointerEvents='none'; link.style.cursor='not-allowed'; }else{ var original=link.getAttribute('data-aw-original-text'); if(original){ link.textContent=original; } link.removeAttribute('data-booking-unavailable'); link.removeAttribute('aria-disabled'); link.removeAttribute('tabindex'); link.style.opacity=''; link.style.pointerEvents=''; link.style.cursor=''; } }); }catch(_err){} } function currentReturnStatusMessage(){ try{ var status=new URL(window.location.href).searchParams.get('booking')||''; if(status==='paid') return tr('paymentReceived'); if(status==='cancelled') return tr('paymentCancelled'); }catch(_err){} return ''; } function currentReturnStatusKind(){ try{ var status=new URL(window.location.href).searchParams.get('booking')||''; if(status==='paid') return 'success'; if(status==='cancelled') return 'warning'; }catch(_err){} return ''; } function clearReturnStatus(){ try{ var url=new URL(window.location.href); if(!url.searchParams.has('booking')) return; url.searchParams.delete('booking'); window.history.replaceState(window.history.state, '', url.pathname+(url.search?url.search:'')+url.hash); }catch(_err){} } function focusReturnStatus(){ try{ var status=new URL(window.location.href).searchParams.get('booking')||''; if(!status) return; var section=document.getElementById('reserva'); var target=msgEl || section; if(!target) return; window.setTimeout(function(){ target.scrollIntoView({ block:'center' }); }, 120); window.setTimeout(function(){ target.scrollIntoView({ block:'center' }); }, 520); }catch(_err){} } function setMsg(t, kind){ if(!msgEl) return; var text=t||''; var returnText=currentReturnStatusMessage(); var messageKind=kind||''; if(returnText){ text=returnText; messageKind=currentReturnStatusKind(); focusReturnStatus(); } if(text){ msgEl.setAttribute('data-aw-message-kind', messageKind || 'info'); }else{ msgEl.removeAttribute('data-aw-message-kind'); } msgEl.textContent=text; } function showReturnStatus(){ setMsg(currentReturnStatusMessage()); focusReturnStatus(); } function currentPublicPath(){ return String((window.location && window.location.pathname) || '/') + String((window.location && window.location.search) || ''); } function bookingContextLabel(){ var serviceItem=servicesById[String((serviceSel&&serviceSel.value)||service||'')] || null; if(serviceItem && serviceItem.name){ return String(serviceItem.name).slice(0, 240); } var therapistItem=therapistsById[String((therapistSel&&therapistSel.value)||therapist||'')] || null; if(therapistItem && therapistItem.name){ return String(therapistItem.name).slice(0, 240); } return 'booking_widget'; } function bookingContextTarget(extra){ var parts=[]; var serviceValue=String((serviceSel&&serviceSel.value)||service||'').trim(); var therapistValue=String((therapistSel&&therapistSel.value)||therapist||'').trim(); if(serviceValue){ parts.push('service:'+serviceValue); } if(therapistValue){ parts.push('therapist:'+therapistValue); } if(extra){ parts.push(String(extra).trim()); } var target=parts.join('|').slice(0, 240); return target || null; } function emitAssistAwareness(kind, extra){ try{ window.dispatchEvent(new CustomEvent('askingweb:assist-awareness-signal', { detail: Object.assign({ kind: kind, path: currentPublicPath(), recorded_at: new Date().toISOString() }, extra || {}) })); }catch(_err){} } function syncUrlState(){ if(!shouldSyncUrl) return; try{ var url=new URL(window.location.href); if(therapist){ url.searchParams.set('booking_therapist', therapist); } else { url.searchParams.delete('booking_therapist'); } if(service){ url.searchParams.set('booking_service', service); } else { url.searchParams.delete('booking_service'); } history.replaceState(null, '', url.pathname+url.search+url.hash); }catch(_err){} } function renderScheduling(){ if(!schedulingEl) return; var therapistItem=therapistsById[String((therapistSel&&therapistSel.value)||therapist||'')] || null; var serviceItem=servicesById[String((serviceSel&&serviceSel.value)||service||'')] || null; var url=''; if(therapistItem && therapistItem.embed_url){ url=String(therapistItem.embed_url); } else if(therapistItem && therapistItem.scheduling_url){ url=String(therapistItem.scheduling_url); } else if(serviceItem && serviceItem.embed_url){ url=String(serviceItem.embed_url); } else if(serviceItem && serviceItem.scheduling_url){ url=String(serviceItem.scheduling_url); } if(!url){ schedulingEl.hidden=true; schedulingEl.innerHTML=''; return; } schedulingEl.hidden=false; schedulingEl.innerHTML=''+tr('openCalendly')+''; } function applySelection(nextTherapist, nextService, options){ shouldSyncUrl=true; if(nextTherapist !== undefined && nextTherapist !== null && nextTherapist !== ''){ therapist=String(nextTherapist); root.setAttribute('data-therapist', therapist); } if(nextService !== undefined && nextService !== null && nextService !== ''){ var requestedService=String(nextService); if(!Object.keys(servicesById).length || servicesById[requestedService]){ service=requestedService; root.setAttribute('data-service', service); } } if(therapistSel && therapist){ therapistSel.value=therapist; } if(serviceSel && service){ serviceSel.value=service; } renderScheduling(); syncUrlState(); resetAvailabilityCache(); if(!options || options.fetchSlots !== false){ refreshDateAvailability(true); } } function loadTherapists(){ fetch(base+'/therapists').then(function(r){return r.json();}).then(function(data){ allowedTherapists=normalizeAllowedIds(allowedTherapists, (data&&data.items)||[]); var items=sortMapTherapists(((data&&data.items)||[]).filter(allowTherapist)); syncBookingLinks(items); if(!therapistSel){return;} therapistSel.innerHTML=''; therapistsById={}; if(!items.length){ renderSlotPlaceholder(tr('noSlots')); setBookingReady(false); setMsg(tr('noTherapists')); return; } items.forEach(function(t){ therapistsById[String(t.id)] = t; var opt=document.createElement('option'); opt.value=t.id; opt.textContent=t.name || ('T'+t.id); therapistSel.appendChild(opt); }); if(therapist && therapistsById[String(therapist)]){ therapistSel.value=therapist; }else if(items.length){ therapist=String(items[0].id); therapistSel.value=therapist; root.setAttribute('data-therapist', therapist); } renderScheduling(); syncUrlState(); resetAvailabilityCache(); refreshDateAvailability(true); }).catch(function(){ setMsg(tr('loadTherapistsError'));}); } function loadServices(){ fetch(base+'/services').then(function(r){return r.json();}).then(function(data){ allowedServices=normalizeAllowedIds(allowedServices, (data&&data.items)||[]); var items=sortByAllowed(((data&&data.items)||[]).filter(allowService), allowedServices); if(!serviceSel){return;} serviceSel.innerHTML=''; servicesById={}; var empty=document.createElement('option'); empty.value=''; empty.textContent=tr('noService'); serviceSel.appendChild(empty); items.forEach(function(s){ servicesById[String(s.id)] = s; var opt=document.createElement('option'); opt.value=s.id; opt.textContent=serviceOptionLabel(s); serviceSel.appendChild(opt); }); if(service && servicesById[String(service)]){ serviceSel.value=service; }else if(items.length){ service=String(items[0].id); serviceSel.value=service; root.setAttribute('data-service', service); }else{ service=''; root.removeAttribute('data-service'); } renderScheduling(); syncUrlState(); resetAvailabilityCache(); refreshDateAvailability(true); }).catch(function(){ setMsg(tr('loadServicesError'), 'error');}); } function fetchSlots(){ if(!dateEl||!slotsEl){return;} setBookingReady(false); var date=dateEl.value; if(!date){ renderSlotPlaceholder(tr('selectSlot')); return; } var th=therapistSel&&therapistSel.value?therapistSel.value:therapist; if(!th){ renderSlotPlaceholder(tr('selectSlot')); setMsg(tr('selectTherapist'), 'warning'); return; } renderSlotPlaceholder(tr('loadingSlots')); setMsg(tr('loadingSlots')); var url=base+'/availability?therapist_id='+encodeURIComponent(th)+'&service_id='+encodeURIComponent((serviceSel&&serviceSel.value)||service||'')+'&from='+encodeURIComponent(date)+'&days=1'; var requestKey=selectionAvailabilityKey(); var requestDate=date; fetch(url).then(function(r){return r.json();}).then(function(data){ if(requestKey!==selectionAvailabilityKey() || (dateEl&&dateEl.value!==requestDate)){ return; } if(requestKey===selectionAvailabilityKey()){ cacheAvailability(data); } renderDatePicker(); slotsEl.innerHTML=''; var items=(data&&data.items&&data.items[0]&&data.items[0].slots)||[]; if(!items.length){ renderSlotPlaceholder(tr('noSlots')); setBookingReady(false); setMsg(tr('noSlots')); return; } items.forEach(function(s){ var opt=document.createElement('option'); opt.value=s.start_at+'|'+s.end_at; opt.textContent=s.label; slotsEl.appendChild(opt); }); setBookingReady(true); emitAssistAwareness('booking_slots_loaded', { label: bookingContextLabel(), target: bookingContextTarget('slots:'+items.length) }); setMsg(''); }).catch(function(){ renderSlotPlaceholder(tr('loadSlotsError')); setBookingReady(false); setMsg(tr('loadSlotsError'), 'error'); }); } if(dateEl){ setupDatePicker(); setBookingReady(false); renderSlotPlaceholder(tr('selectSlot')); var d=todayDate(); dateEl.value=formatIsoDate(d); activeMonthDate=monthStart(d); renderDatePicker(); dateEl.addEventListener('change', function(){ clearReturnStatus(); refreshDateAvailability(false); }); loadTherapists(); loadServices(); if(therapistSel){ therapistSel.addEventListener('change', function(){ clearReturnStatus(); therapist=therapistSel.value; applySelection(therapist, null); }); } if(serviceSel){ serviceSel.addEventListener('change', function(){ clearReturnStatus(); service=serviceSel.value; applySelection(null, service); }); } showReturnStatus(); } if(btn){ btn.addEventListener('click', function(){ clearReturnStatus(); if(btn.disabled){ setMsg(tr('selectSlot'), 'warning'); return; } var sel=slotsEl&&slotsEl.value?slotsEl.value.split('|'):[]; if(sel.length<2){ setMsg(tr('selectSlot'), 'warning'); return; } var th=therapistSel&&therapistSel.value?therapistSel.value:therapist; if(!th){ setMsg(tr('selectTherapist'), 'warning'); return; } var payload={ therapist_id: Number(th||0), service_id: (serviceSel&&serviceSel.value)?Number(serviceSel.value):(service?Number(service):undefined), start_at: sel[0], end_at: sel[1], name: nameEl?nameEl.value:'', email: emailEl?emailEl.value:'', phone: phoneEl?phoneEl.value:'', notes: notesEl?notesEl.value:'', billing: { name: nameEl?nameEl.value:'', email: emailEl?emailEl.value:'', phone: phoneEl?phoneEl.value:'', tax_id: taxIdEl?taxIdEl.value:'', address_line1: addressEl?addressEl.value:'', postal_code: postalCodeEl?postalCodeEl.value:'', city: cityEl?cityEl.value:'', province: provinceEl?provinceEl.value:'', country: countryEl?countryEl.value:'ES' } }; emitAssistAwareness('booking_reserve_attempt', { label: bookingContextLabel(), target: bookingContextTarget('reserve') }); fetch(base+'/reserve',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify(payload)}) .then(function(r){return r.json();}).then(function(data){ if(data&&data.token){ emitAssistAwareness('booking_reserve_success', { label: bookingContextLabel(), target: bookingContextTarget('token:'+String(data.token||'')) }); if(collectPayment){ setMsg(tr('redirectPayment')); emitAssistAwareness('booking_payment_checkout_started', { label: bookingContextLabel(), target: bookingContextTarget('token:'+String(data.token||'')) }); return fetch(base+'/checkout',{ method:'POST', headers:{'content-type':'application/json','x-locale':activeLocale || ''}, body:JSON.stringify({ token:data.token, locale:activeLocale || '', success_url:window.location.origin+window.location.pathname+'?booking=paid#reserva', cancel_url:window.location.origin+window.location.pathname+'?booking=cancelled#reserva' }) }).then(function(r){return r.json();}).then(function(checkout){ if(checkout&&checkout.url){ emitAssistAwareness('booking_payment_checkout_ready', { label: bookingContextLabel(), target: bookingContextTarget('token:'+String(data.token||'')) }); window.location.href=checkout.url; return; } emitAssistAwareness('booking_payment_checkout_error', { label: bookingContextLabel(), target: bookingContextTarget('token:'+String(data.token||'')) }); setMsg(friendlyMessage(checkout&&checkout.error, 'checkoutFailed'), 'error'); }).catch(function(){ emitAssistAwareness('booking_payment_checkout_error', { label: bookingContextLabel(), target: bookingContextTarget('token:'+String(data.token||'')) }); setMsg(tr('checkoutError'), 'error'); }); } setMsg(tr('reservationPending'), 'success'); } else { emitAssistAwareness('booking_reserve_error', { label: bookingContextLabel(), target: bookingContextTarget('reserve') }); setMsg(friendlyMessage(data&&data.error, 'reservationFailed'), 'error'); } }).catch(function(){ emitAssistAwareness('booking_reserve_error', { label: bookingContextLabel(), target: bookingContextTarget('reserve') }); setMsg(tr('reservationError'), 'error'); }); }); } root.__awBookingApi = { setSelection: applySelection }; } function bootTestimonials(section){ if(!section || section.dataset.awCarouselBooted==='1') return; var stage=section.querySelector('.thp-testimonials-stage') || section; var track=section.querySelector('.thp-testimonials-grid'); if(!track || !stage) return; var cards=Array.prototype.slice.call(track.querySelectorAll('.thp-testimonial')); if(cards.length < 2) return; section.dataset.awCarouselBooted='1'; var prev=document.createElement('button'); prev.type='button'; prev.className='thp-testimonials-arrow thp-testimonials-arrow-prev'; prev.setAttribute('aria-label',tr('previous')); prev.innerHTML='‹'; var next=document.createElement('button'); next.type='button'; next.className='thp-testimonials-arrow thp-testimonials-arrow-next'; next.setAttribute('aria-label',tr('next')); next.innerHTML='›'; stage.appendChild(prev); stage.appendChild(next); var dots=section.querySelector('.thp-testimonials-dots'); if(!dots){ dots=document.createElement('div'); dots.className='thp-testimonials-dots'; section.appendChild(dots); } function pageWidth(){ return Math.max(track.clientWidth || 0, 1); } function maxPage(){ return Math.max(0, Math.ceil((track.scrollWidth || 0) / pageWidth()) - 1); } function currentPage(){ return Math.min(maxPage(), Math.max(0, Math.round((track.scrollLeft || 0) / pageWidth()))); } function renderDots(){ var total=maxPage()+1; dots.innerHTML=''; for(var i=0;i= total; } prev.addEventListener('click', function(){ track.scrollBy({left: -pageWidth(), behavior:'smooth'}); }); next.addEventListener('click', function(){ track.scrollBy({left: pageWidth(), behavior:'smooth'}); }); track.addEventListener('scroll', sync, { passive: true }); window.addEventListener('resize', function(){ renderDots(); sync(); }); renderDots(); sync(); } function run(){ document.querySelectorAll('.aw-booking-internal').forEach(boot); document.querySelectorAll('.thp-testimonials').forEach(bootTestimonials); } document.addEventListener('click', function(ev){ var target=ev.target; var link=target && target.closest ? target.closest('.map-home2-booking-link') : null; if(!link) return; var root=document.querySelector('.aw-booking-internal'); var api=root && root.__awBookingApi ? root.__awBookingApi : null; if(!api || typeof api.setSelection!=='function') return; ev.preventDefault(); var nextTherapist=link.getAttribute('data-booking-therapist')||''; var nextService=link.getAttribute('data-booking-service')||''; api.setSelection(nextTherapist, nextService); window.location.hash='reserva'; }); if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', run); } else { run(); } var mo=new MutationObserver(function(){ run(); }); mo.observe(document.documentElement,{childList:true,subtree:true}); })();