(function(){ var mount=document.getElementById('c10-booking');if(!mount)return; var SITE=178,BACKEND="https://sitebuilder-backend-prod-dp36pih7cq-uc.a.run.app",SERVICES=[{"id":13520,"name":"Appointment","duration_minutes":60,"price_cents":0,"deposit_cents":0}]; if(new URLSearchParams(location.search).get('booked')){mount.innerHTML='

Thanks! Your appointment is booked.

';return;} if(!SERVICES.length){mount.innerHTML='

No services available yet.

';return;} function money(c){try{return new Intl.NumberFormat('en-US',{style:'currency',currency:'USD'}).format(c/100)}catch(e){return '$'+(c/100).toFixed(2)}} function esc(s){return String(s).replace(/[&<>\"]/g,function(c){return{'&':'&','<':'<','>':'>','\"':'"'}[c]})} function f12(t){var p=(''+t).split(':');var h=parseInt(p[0],10);if(isNaN(h))return t;var m=p[1]||'00';var ap=h<12?'AM':'PM';var hh=h%12;if(hh===0)hh=12;return hh+':'+m+' '+ap;} // Form controls are deliberately LIGHT on every palette. This set color from // --t-ink but no background, so on a dark theme (Bold, Elite, Sleek, Cinematic) // it rendered near-white text on the browser's default white control — the // service dropdown and date field were unreadable on four of the eight looks. // Theming the background instead would fix contrast but leave the native date // picker's icon invisible, so a light field with color-scheme:light is the one // combination that works everywhere. var fld='padding:.7rem .8rem;border-radius:8px;border:1px solid #ccc;width:100%;box-sizing:border-box;margin-bottom:8px;font-size:1.05rem;font-family:var(--t-body,system-ui);background:#fff;color:#111;color-scheme:light'; var btn='background:var(--t-accent,#111);color:var(--t-accent-ink,#fff);border:0;border-radius:999px;padding:.7rem 1.5rem;font-weight:700;cursor:pointer;font-size:1.05rem;font-family:var(--t-body,system-ui)'; var today=new Date().toISOString().slice(0,10); // Default to the next OPEN day (skip closed days like weekends) so the widget // doesn't land on a closed today and look empty. AVAIL = Python weekdays // (0=Mon..6=Sun) that have hours; JS getDay() is 0=Sun, so convert. var AVAIL=[0,1,2,3,4]; function nextOpen(){var d=new Date();for(var i=0;i<21;i++){var pw=(d.getDay()+6)%7;if(!AVAIL.length||AVAIL.indexOf(pw)>-1)return d.toISOString().slice(0,10);d.setDate(d.getDate()+1);}return today;} var startDate=nextOpen(); mount.innerHTML='

'; function svc(){var id=document.getElementById('c10-svc').value;for(var i=0;iNext available — '+prettyDate(movedTo)+'

' : ''; out.innerHTML = head+'

'+sl.map(function(t){return ''}).join('')+'

'; } function prettyDate(ds){ var p=ds.split('-');var dt=new Date(+p[0],+p[1]-1,+p[2]); try{return dt.toLocaleDateString(undefined,{weekday:'long',month:'long',day:'numeric'});}catch(e){return ds;} } function addDays(ds,n){var p=ds.split('-');var dt=new Date(+p[0],+p[1]-1,+p[2]);dt.setDate(dt.getDate()+n); return dt.getFullYear()+'-'+String(dt.getMonth()+1).padStart(2,'0')+'-'+String(dt.getDate()).padStart(2,'0');} function findFrom(startDs, svcId, out, hops){ fetch(BACKEND+'/api/sites/'+SITE+'/slots/?service='+svcId+'&date='+startDs) .then(function(r){return r.json()}) .then(function(j){ var sl=j.slots||[]; if(sl.length){ var moved = (hops>0) ? startDs : null; // Keep the date box in step so booking submits the day being shown. document.getElementById('c10-date').value = startDs; renderSlots(out, sl, startDs, moved); return; } if(hops>=14){out.innerHTML='

No open times in the next two weeks — please call.

';return;} findFrom(addDays(startDs,1), svcId, out, hops+1); }) .catch(function(){out.innerHTML='

Could not load times.

'}); } document.getElementById('c10-find').onclick=function(){var d=document.getElementById('c10-date').value;var s=svc();var out=document.getElementById('c10-slots');out.innerHTML='Loading…';findFrom(d,s.id,out,0);}; document.getElementById('c10-find').click(); mount.addEventListener('click',function(e){var b=e.target.closest&&e.target.closest('.c10-slot');if(b)form(b.getAttribute('data-t'));}); function form(t){var d=document.getElementById('c10-date').value;var s=svc();var out=document.getElementById('c10-slots');out.innerHTML='

'+esc(s.name)+'
'+d+' at '+f12(t)+'

';document.getElementById('c10-bk').onclick=function(){var bd={service_id:s.id,date:d,time:t,name:document.getElementById('c10-nm').value||'',email:document.getElementById('c10-em').value||'',phone:document.getElementById('c10-ph').value||'',success_url:location.href.split('?')[0]+'?booked=1',cancel_url:location.href};this.disabled=true;this.textContent='…';fetch(BACKEND+'/api/sites/'+SITE+'/book/',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(bd)}).then(function(r){return r.json()}).then(function(j){if(j&&j.url){location.href=j.url;}else if(j&&j.ok){out.innerHTML='

Thanks! Your booking request was sent.

';}else{alert((j&&j.detail)||'Booking failed');var bb=document.getElementById('c10-bk');if(bb)bb.disabled=false;}}).catch(function(){alert('Booking failed')});};} })();

Reservations

Select a service & time

What to expect