Få fuldt overblik over jeres kundesamtaler – på 15 minutter

.elementor-element-fd02c5c{width:100%!important;max-width:100%!important;} #mcm-book{--n:#17375E;--b:#2AA3F4;--bd:#1B8FE0;--t:#3E5975;--g:#22A55E;font-family:inherit;width:100%;} #mcm-book .mcm-card{background:rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.65);border-radius:18px;box-shadow:0 8px 32px rgba(23,55,94,.18);padding:18px 20px;} #mcm-book .mcm-plabel{font-size:11.5px;font-weight:800;color:#0E6E3C;margin-bottom:4px;display:flex;justify-content:space-between;} #mcm-book .mcm-ptrack{height:5px;background:rgba(23,55,94,.15);border-radius:999px;margin-bottom:14px;overflow:hidden;} #mcm-book .mcm-pfill{height:100%;background:var(--g);border-radius:999px;width:60%;transition:width .5s ease;} #mcm-book .mcm-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;background-image:url('https://mobilcentermidt.dk/wp-content/uploads/2026/05/mc-rund-farve.png.webp');background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.9);} #mcm-book .mcm-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(34,165,94,.15);color:#0E6E3C;border:1px solid rgba(34,165,94,.35);font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap;} #mcm-book .mcm-chip:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--g);} #mcm-book .mcm-slot{flex:1;text-align:center;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);color:var(--n);font-family:inherit;font-size:13px;font-weight:800;padding:9px 0;border-radius:9px;cursor:pointer;} #mcm-book .mcm-slot b{display:block;text-transform:capitalize;} #mcm-book .mcm-slot small{display:block;font-size:10.5px;font-weight:700;opacity:.65;} #mcm-book .mcm-slot.on{background:var(--b);border-color:var(--b);color:#fff;} #mcm-book .mcm-slot.on small{opacity:.85;} #mcm-book .mcm-loc{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);color:var(--n);font-family:inherit;font-size:13px;font-weight:800;padding:10px 0;border-radius:9px;cursor:pointer;} #mcm-book .mcm-loc.on{background:var(--n);border-color:var(--n);color:#fff;} #mcm-book .mcm-cta{background:var(--b);color:#fff;border:none;border-radius:10px;font-family:inherit;font-weight:800;font-size:14.5px;padding:12px 20px;cursor:pointer;width:100%;transition:background .15s;} #mcm-book .mcm-cta:hover{background:var(--bd);} #mcm-book .mcm-cta:disabled{opacity:.7;cursor:wait;} #mcm-book .mcm-field{margin-bottom:10px;} #mcm-book .mcm-field label{display:block;font-size:12px;font-weight:800;color:var(--n);margin-bottom:4px;} #mcm-book .mcm-field input{width:100%;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--n);background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);border-radius:9px;padding:11px 14px;outline:none;box-sizing:border-box;} #mcm-book .mcm-field input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(42,163,244,.25);} #mcm-book .mcm-field input.err{border-color:#E24B4A;box-shadow:0 0 0 3px rgba(226,75,74,.2);} #mcm-book .mcm-back{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--t);cursor:pointer;padding:0;text-decoration:underline;} #mcm-book .mcm-step{display:none;} #mcm-book .mcm-step.on{display:block;animation:mcmFade .35s ease;} @keyframes mcmFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}} #mcm-book .mcm-ok{width:52px;height:52px;border-radius:50%;background:var(--g);color:#fff;font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;} #mcm-book .mcm-row{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--n);background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);border-radius:10px;padding:9px 14px;margin-bottom:8px;} (function(){ var root=document.getElementById('mcm-book');if(!root||root.dataset.init)return;root.dataset.init='1'; var CAL='https://cal.com/marcello-cilea-mobilcenter-midt-hcxfbm/30min'; var days=['søndag','mandag','tirsdag','onsdag','torsdag','fredag','lørdag']; function addBiz(from,n){var x=new Date(from);while(n>0){x.setDate(x.getDate()+1);if(x.getDay()!==0&&x.getDay()!==6)n--;}return x;} function lbl(d){var t=new Date();t.setDate(t.getDate()+1);return d.toDateString()===t.toDateString()?'i morgen':days[d.getDay()]+' '+d.getDate()+'/'+(d.getMonth()+1);} function mkDate(d,t){var p=t.split(':');var x=new Date(d);x.setHours(+p[0],+p[1],0,0);return x;} var slots=[]; var chosen=0,loc='teams'; var el=function(id){return document.getElementById(id);}; function renderSlots(){var c=el('mcm-slots');c.innerHTML='';if(!slots.length){c.innerHTML='';el('mcm-chip').textContent='Henter tider…';var g=el('mcm-go2');g.disabled=true;g.style.opacity='.6';g.textContent='Henter ledige tider…';return;}slots.forEach(function(s,i){var b=document.createElement('button');b.className='mcm-slot'+(i===chosen?' on':'');b.innerHTML=''+lbl(s.d)+'kl. '+s.t+'';b.onclick=function(){chosen=i;renderSlots();};c.appendChild(b);});el('mcm-chip').textContent=slots.length+' ledige tider';var g2=el('mcm-go2');g2.disabled=false;g2.style.opacity='';g2.textContent='Bekræft: '+lbl(slots[chosen].d)+' kl. '+slots[chosen].t+' →';} function showEmpty(){var c=el('mcm-slots');c.innerHTML='';el('mcm-chip').textContent='Fuldt booket';var g=el('mcm-go2');g.disabled=false;g.style.opacity='';g.textContent='Se kalender & book →';g.onclick=function(){if(window.Cal&&Cal.ns&&Cal.ns['30min']){Cal.ns['30min']('modal',{calLink:'marcello-cilea-mobilcenter-midt-hcxfbm/30min'});}else{window.open(CAL,'_blank');}};} renderSlots(); fetch('/wp-json/mcm/v1/slots').then(function(r){return r.ok?r.json():null;}).then(function(j){if(j&&j.length){slots=j.slice(0,3).map(function(s){var d=new Date(s.start);return{d:d,t:d.toTimeString().slice(0,5),start:s.start};});chosen=0;renderSlots();}else{showEmpty();}}).catch(function(){showEmpty();}); function goTo(n){['mcm-s1','mcm-s2','mcm-s3'].forEach(function(id,i){el(id).classList.toggle('on',i===n-1);});var cfg={1:['60%','Tid valgt'],2:['85%','Kun kontaktinfo tilbage'],3:['100%','Booket']}[n];el('mcm-pfill').style.width=cfg[0];el('mcm-ppct').textContent=cfg[0];el('mcm-ptext').textContent=cfg[1];} el('mcm-go2').onclick=function(){var s=slots[chosen];var L=lbl(s.d);el('mcm-sum').textContent=L.charAt(0).toUpperCase()+L.slice(1)+' kl. '+s.t+' · 30 min · Med Marcello';window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'mcm_booking_tid_valgt'});goTo(2);el('mcm-name').focus();}; el('mcm-back').onclick=function(){goTo(1);}; document.querySelectorAll('#mcm-locs .mcm-loc').forEach(function(b){b.onclick=function(){document.querySelectorAll('#mcm-locs .mcm-loc').forEach(function(x){x.classList.remove('on');});b.classList.add('on');loc=b.dataset.loc;};}); function fallback(name,email,phone){window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'mcm_booking_fallback'});var s=slots[chosen];var url=CAL+'?name='+encodeURIComponent(name)+'&email='+encodeURIComponent(email)+'&attendeePhoneNumber='+encodeURIComponent(phone)+'&date='+s.d.toISOString().slice(0,10);window.open(url,'_blank');} el('mcm-go3').onclick=function(){var n=el('mcm-name'),e=el('mcm-email'),ph=el('mcm-phone'),ok=true; [n,e,ph].forEach(function(f){f.classList.remove('err');}); if(!n.value.trim()){n.classList.add('err');ok=false;} if(!e.value.trim()||e.value.indexOf('@')<0){e.classList.add('err');ok=false;} var digits=ph.value.replace(/[^0-9]/g,''); if(digits.length<8){ph.classList.add('err');ok=false;} if(!ok)return; var btn=el('mcm-go3');btn.disabled=true;btn.textContent='Booker…'; var s=slots[chosen];var payload={start:(s.start||s.d.toISOString()),name:n.value.trim(),email:e.value.trim(),phone:ph.value.trim(),location:loc}; fetch('/wp-json/mcm/v1/book',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)}).then(function(r){if(!r.ok)throw 0;return r.json();}).then(function(){btn.disabled=false;btn.textContent='Bekræft booking →';var L=lbl(s.d);el('mcm-thanks').textContent='Tak, '+n.value.trim().split(' ')[0]+'!';el('mcm-fslot').textContent=L.charAt(0).toUpperCase()+L.slice(1)+' kl. '+s.t+' · 30 minutter';el('mcm-floc').innerHTML=(loc==='teams')?'💻 Online via Microsoft Teams — link i invitationen':'📍 I butikken i Viborg — adressen står i bekræftelsen';el('mcm-femail').textContent='Bekræftelse sendt til '+e.value.trim();window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:'mcm_booking_completed',booking_moedested:(loc==='teams'?'teams':'butik')});goTo(3);}).catch(function(){btn.disabled=false;btn.textContent='Bekræft booking →';fallback(n.value.trim(),e.value.trim(),ph.value.trim());});}; el('mcm-again').onclick=function(){el('mcm-name').value='';el('mcm-email').value='';el('mcm-phone').value='';goTo(1);}; })();