(function(){ var mount=document.getElementById('c10-booking');if(!mount)return; var SITE=143,BACKEND="https://sitebuilder-backend-prod-dp36pih7cq-uc.a.run.app",SERVICES=[{"id":13465,"name":"Residential Pickup","duration_minutes":60,"price_cents":2000,"deposit_cents":0},{"id":13466,"name":"Business Pickup","duration_minutes":60,"price_cents":3000,"deposit_cents":0}],MEMBERS=[],BIZ="5R Electronics"; if(new URLSearchParams(location.search).get('booked')){mount.innerHTML='

Thanks! Your appointment is booked.

';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;} // A light field with color-scheme:light is the one combination readable on all // eight palettes (a themed background hides the native date-picker icon). // line-height was unset, so it fell back to the browser's UA default for a // — usually "normal" (~1.15), sized off the OS's default UI // font. A custom --t-body webfont (e.g. Jost, which has a taller cap-height // than that default assumes) can then render taller than the line box, so its // tops get clipped by the control's own fixed padding. An explicit, generous // line-height gives the glyphs room regardless of which font the theme picked. 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;line-height:1.5;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); // AVAIL = Python weekdays (0=Mon..6=Sun) that have hours; JS getDay() is 0=Sun. var AVAIL=[1,5]; 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;} 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 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('')+'

'; } // When a day comes back empty we look forward for the first day that isn't, so a // late-afternoon visitor to an open shop never hits a false "nothing that day". function findFrom(startDs, svcId, out, hops){ fetch(BACKEND+'/api/sites/'+SITE+'/slots/?service='+svcId+'&date='+startDs+(mem()?'&member='+encodeURIComponent(mem()):'')) .then(function(r){return r.json()}) .then(function(j){ var sl=j.slots||[]; if(sl.length){ var moved = (hops>0) ? startDs : null; 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.

'}); } 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)+'

Text me about this appointment — a confirmation, reminders, and a notice if it changes. Up to about 5 messages per appointment. Msg & data rates may apply. Reply HELP for help, STOP to opt out. Terms & Privacy.Text me offers & updates from '+esc(BIZ)+' — about 4 messages a month. Separate from the reminders above; not required to book. Msg & data rates may apply. Reply HELP for help, STOP to opt out.

';document.getElementById('c10-bk').onclick=function(){var bd={service_id:s.id,member_id:mem()||undefined,date:d,time:t,name:document.getElementById('c10-nm').value||'',email:document.getElementById('c10-em').value||'',phone:document.getElementById('c10-ph').value||'',sms_consent:!!(document.getElementById('c10-sms')||{}).checked,marketing_consent:!!(document.getElementById('c10-mkt')||{}).checked,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')});};} mount.addEventListener('click',function(e){var b=e.target.closest&&e.target.closest('.c10-slot');if(b)form(b.getAttribute('data-t'));}); // Build (or rebuild) the widget from the current SERVICES/MEMBERS. function build(){ if(!SERVICES.length){mount.innerHTML='

No services available yet.

';return;} var startDate=nextOpen(); // WHO first, then what, then when — a customer picks their barber before the // service. "Any available" stays the default so a team never forces a choice. var memSel=MEMBERS.length>1?'':''; mount.innerHTML='

'+memSel+'

'; 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.innerHTML='

Loading…

'; // Live-fetch the menu + roster, then build. On any failure, fall back to the // baked snapshot so the widget still works. fetch(BACKEND+'/api/sites/'+SITE+'/public-services/') .then(function(r){return r.json()}) .then(function(j){ if(j&&Array.isArray(j.services)){SERVICES=j.services;} if(j&&Array.isArray(j.members)){MEMBERS=j.members;} build(); }) .catch(function(){build();}); })();

Schedule a free pickup

Choose a pickup time