https://agents.remaxmillennium.ca/_nuxt/boardroom.C--lsyzb.js

1import{S as se,r as c,_ as H,H as O,T as ae,K as ne,o as i,c as h,a as e,A as T,D as J,k as t,F as Y,q as A,t as D,b as f,w as y,d,x as K,B as U,p as W,e as q,i as I,U as E,l as S,V as le,n as X,X as de,Y as re,Z as ce,z,$ as ie,a0 as ue,a1 as me,j}from"./entry.QuAOCpXC.js";import{C as Z}from"./Controllers.DKomlGFm.js";import _e from"./SkeletonLoader.Bh7NYMIf.js";import{u as Q}from"./composables.B8a2Fcn9.js";import{D as pe}from"./style.C2PL5owy.js";import{a as ve}from"./axios.Bo0ATomq.js";import{l as F}from"./index.CQJmohR2.js";import{_ as fe}from"./nuxt-layout.DSC0sjml.js";const N=se(()=>{const g=c(1),o=c(new Date),r=c(30),b=c(0),x=c(""),p=c(0),u=c(""),$=c(null);function _(){g.value=1,o.value=new Date,r.value=30,b.value=1,u.value=""}return{step:g,location:p,officeImage:x,date:o,duration:r,room:b,s_time:u,slots:$,resetRoom:_}}),G=g=>(W("data-v-6898c6f1"),g=g(),q(),g),he={class:"d-flex flex-column gap-5"},be=G(()=>e("h3",{class:"mp-card-heading"},"Select Room",-1)),ye={class:"col-md-6"},ge=G(()=>e("option",{selected:"",disabled:"",value:""},"Select Room",-1)),xe=["value"],we=G(()=>e("div",null,[e("h3",{class:"mp-card-heading"},"Please Note"),e("ul",null,[e("li",null,"Maximum time allowed - 2 hours"),e("li",null,"Food consumption is not allowed"),e("li",null,"Strictly for meetings. If you use the whiteboards Make sure to erase your stuff")])],-1)),ke={class:"d-flex justify-content-end"},$e={__name:"RoomDate",async setup(g){let o,r;const b=K(),x=O(),p=N(),u=c([]);p.resetRoom(),[o,r]=ae(()=>ne("/room_offices",{baseURL:b.public.apiBaseUrl,headers:{Authorization:`Bearer ${x==null?void 0:x.token}`}},"$xtl0sgPAa5")),o=await o,r();async function $(){try{const{data:_}=await Z.FETCH_DATA("/room");u.value=_.data}catch(_){console.log(_)}}return $(),(_,v)=>{const w=U;return i(),h("div",he,[e("div",null,[be,e("div",ye,[T(e("select",{"onUpdate:modelValue":v[0]||(v[0]=m=>t(p).room.value=m),class:"form-select form-select boardroom-input-border rounded-2"},[ge,(i(!0),h(Y,null,A(t(u),m=>(i(),h("option",{key:m,value:m==null?void 0:m.id},D(m==null?void 0:m.name),9,xe))),128))],512),[[J,t(p).room.value]])])]),we,e("div",ke,[f(w,{class:"mp-btn-blue",onClick:v[1]||(v[1]=m=>t(p).step.value++)},{default:y(()=>[d("Continue")]),_:1})])])}}},De=H($e,[["__scopeId","data-v-6898c6f1"]]),Me={class:"d-flex flex-column gap-5"},Ce=e("h3",{class:"mp-card-heading"},"Select Date",-1),Se={class:"mp-datepicker position-relative"},Be={class:"mp-form-control d-flex align-items-center py-2 px-3",style:{height:"40px"}},Ve={class:"mp-datepicker-calender"},Ye=e("h3",{class:"mp-card-heading"},"Select Duration",-1),Ae={class:"boardroom-input-border px-3 pb-2 pt-3 d-flex align-items-center overflow-hidden text-center"},Re=e("h3",{class:"mp-card-heading"},"Select Time",-1),je={key:0,class:"row row-cols-6 g-3"},Te={key:1,class:"row row-cols-5 g-3"},Ne=["disabled","value","id"],Ie=["for"],ze={class:"d-flex justify-content-end gap-3"},Fe={__name:"TimeDuration",setup(g){const o=N(),r=Q(),b=c(null),x=c(!1);o.date.value=r(new Date).format("YYYY-MM-DD");const p=["January","February","March","April","May","June","July","August","September","October","November","December"],u=new Date,$=u.getDate(),_=u.getMonth(),v=u.getFullYear(),w=c($),m=c(_),C=c(v);I(()=>{const l=[];for(let s=v;s<=v+1;s++)l.push(s);return l});const R=I(()=>{const l=new Date(C.value,m.value+1,0).getDate(),s=[],a=C.value===v&&m.value===_?$:1;for(let M=a;M<=l;M++)s.push(M);return s}),B=I(()=>{const l=[],s=C.value===v?_:0;for(let a=s;a<12;a++)l.push({index:a,name:p[a]});return l});E([m,C],()=>{const l=R.value.length,s=R.value[0]||1;w.value>l+s-1?w.value=l+s-1:w.value<s&&(w.value=s)}),E(C,()=>{const l=B.value.map(s=>s.index);l.includes(m.value)||(m.value=l[0])});async function n(){x.value=!0;try{const{data:l}=await Z.POST_DATA("/get_time_slots",{date:o.date.value,duration:o.duration.value,room_id:o.room.value});b.value=l,o.s_time.value=""}catch(l){console.log(l)}finally{x.value=!1}}return n(),(l,s)=>{const a=de,M=re,P=ce,te=_e,L=U;return i(),h("div",Me,[e("div",null,[Ce,e("div",Se,[e("div",Be,D(t(r)(t(o).date.value).format("MMM DD, YYYY")),1),e("div",Ve,[f(t(pe),{class:"w-100",modelValue:t(o).date.value,"onUpdate:modelValue":[s[0]||(s[0]=k=>t(o).date.value=k),s[1]||(s[1]=k=>n())],attributes:[{key:"today",highlight:!0}],"min-date":new Date,"max-date":t(r)(new Date).add(1,"year").toDate(),"show-week-numbers":!1,"show-weekdays":!0},null,8,["modelValue","min-date","max-date"])])])]),e("div",null,[Ye,e("div",Ae,[f(P,null,{default:y(({ariaDescribedby:k})=>[f(M,{id:"radio-group-2",modelValue:t(o).duration.value,"onUpdate:modelValue":s[2]||(s[2]=V=>t(o).duration.value=V),"aria-describedby":k,name:"radio-sub-component",onChange:s[3]||(s[3]=V=>n())},{default:y(()=>[f(a,{class:"form-check-label",value:30},{default:y(()=>

1[d("30 Min")]),_:1}),f(a,{class:"form-check-label",value:60},{default:y(()=>[d("1 Hour")]),_:1}),f(a,{class:"form-check-label",value:90},{default:y(()=>[d("1.5 Hours")]),_:1}),f(a,{class:"form-check-label",value:120},{default:y(()=>[d("2 Hours")]),_:1})]),_:2},1032,["modelValue","aria-describedby"])]),_:1})])]),e("div",null,[Re,t(x)?(i(),h("div",je,[(i(),h(Y,null,A(24,k=>e("div",{class:"col mb-3",key:k},[f(te,{height:"38px",mpClass:"w-100",borderRadius:"12px"})])),64))])):S("",!0),t(x)?S("",!0):(i(),h("div",Te,[(i(!0),h(Y,null,A(t(b),(k,V)=>(i(),h("div",{class:"col",key:V},[T(e("input",{disabled:!k.available,type:"radio",class:"btn-check border",value:k.start_time,"onUpdate:modelValue":s[4]||(s[4]=oe=>t(o).s_time.value=oe),name:"options",id:`option${V}`,autocomplete:"off"},null,8,Ne),[[le,t(o).s_time.value]]),e("label",{class:X(["btn text-uppercase w-100",k.available?"":"bg-disable"]),for:`option${V}`},D(k.start_time),11,Ie)]))),128))]))]),e("div",ze,[f(L,{class:"mp-btn-blue",disabled:!t(o).s_time.value,onClick:s[5]||(s[5]=k=>t(o).step.value++)},{default:y(()=>[d("Continue")]),_:1},8,["disabled"]),f(L,{class:"mp-btn-red border-0",onClick:s[6]||(s[6]=k=>t(o).step.value--)},{default:y(()=>[d("Back")]),_:1})])])}}},Ue={class:"d-flex flex-column gap-5"},Ge=e("h3",{class:"mp-card-heading"},"Fill the details",-1),Pe={class:"row"},Le={class:"col-6"},Ee=e("label",{for:""},[d("Name"),e("span",{class:"text-danger"},"*")],-1),He=["value"],Oe={class:"col-6"},Je=e("label",{for:""},[d("Email"),e("span",{class:"text-danger"},"*")],-1),Ke=["value"],We={class:"col-12 mt-2"},qe=e("label",{for:" "},[d("Purpose Of Meeting"),e("span",{class:"text-danger"},"*")],-1),Xe=e("option",{value:"",disabled:""},"Select Purpose",-1),Ze=e("option",{value:"Client Meeting"},"Client Meeting",-1),Qe=e("option",{value:"Team Meeting"},"Team Meeting",-1),et=e("option",{value:"Work"},"Work",-1),tt=[Xe,Ze,Qe,et],ot={class:"col-12 mt-2"},st=e("label",{for:""},"Guest Name",-1),at={class:"d-flex gap-2"},nt={key:0,class:"text-danger"},lt={class:"d-flex gap-2 mt-2 flex-wrap"},dt=["onClick"],rt={class:"d-flex justify-content-end gap-3"},ct=e("h4",{class:"mb-3"},"Verify your Boardroom details",-1),it={class:"w-100"},ut=e("th",{class:"py-1 d-flex justify-content-between"},[d("Name "),e("span",null,":")],-1),mt={class:"py-1 px-3"},_t=e("th",{class:"py-1 d-flex justify-content-between"},[d("Email "),e("span",null,":")],-1),pt={class:"py-1 px-3"},vt=e("th",{class:"py-1 d-flex justify-content-between"},[d("Date "),e("span",null,":")],-1),ft={class:"py-1 px-3"},ht=e("th",{class:"py-1 d-flex justify-content-between"},[d("Start Time "),e("span",null,":")],-1),bt={class:"py-1 px-3"},yt=e("th",{class:"py-1 d-flex justify-content-between"},[d("Duration "),e("span",null,":")],-1),gt={class:"py-1 px-3"},xt=e("th",{class:"py-1 d-flex justify-content-between"},[d("Purpose "),e("span",null,":")],-1),wt={class:"py-1 px-3"},kt=e("th",{class:"py-1 d-flex justify-content-between"},[d("Guests "),e("span",null,":")],-1),$t={class:"py-1 px-3"},Dt={class:"d-flex justify-content-end gap-3 border-top pt-3 mt-3"},Mt={__name:"AddRoom",setup(g){const o=K(),r=N(),b=O(),x=Q(),p=c(""),u=c(""),$=c(!1),_=c([]),v=c(!1),w=c(!1);function m(){if(!u.value){$.value=!0;return}_.value.push({name:u.value}),u.value="",$.value=!1}function C(B){_.value.splice(B,1)}async function R(){const B={room_id:r.room.value,booking_date:x(r.date.value).format("YYYY-MM-DD"),s_time:r.s_time.value,duration:r.duration.value,purpose:p.value,booking_from:"web",guest_name:_.value.map(n=>n.name).join(", ")};try{v.value=!0,(await ve.post(`${o.public.apiBaseUrl}/book-room`,B,{headers:{Authorization:`Bearer ${b==null?void 0:b.token}`}})).status===200&&(F("Added successfully!",{autoClose:3e3,type:"success",transition:"zoom"}),r.resetRoom())}catch(n){n.response.status===409?(F(n.response.data.message,{autoClose:3e3,type:"error",transition:"zoom"}),r.step.value=2):F("Something weng wrong! Try again after some time",{autoClose:3e3,type:"error",transition:"zoom"})}finally{v.value=!1,w.value=!1}}return(B,n)=>{const l=U,s=me;return i(),h(Y,null,[e("div",Ue,[e("div",null,[Ge,e("div",Pe,[e("div",Le,[Ee,e("input",{type:"text",class:"form-control mp-form-control",readonly:"",disabled:"",value:t(b).user.n

1ame},null,8,He)]),e("div",Oe,[Je,e("input",{type:"text",class:"form-control mp-form-control",readonly:"",disabled:"",value:t(b).user.email},null,8,Ke)]),e("div",We,[qe,T(e("select",{name:"",id:"",class:"form-select mp-form-control","onUpdate:modelValue":n[0]||(n[0]=a=>z(p)?p.value=a:null)},tt,512),[[J,t(p)]])]),e("div",ot,[st,e("div",at,[T(e("input",{type:"text",class:"form-control mp-form-control","onUpdate:modelValue":n[1]||(n[1]=a=>z(u)?u.value=a:null),onKeypress:ue(m,["enter"])},null,544),[[ie,t(u)]]),f(l,{onClick:m,class:"mp-btn-blue text-nowrap"},{default:y(()=>[d("Add Guest")]),_:1})]),!t(u)&&t($)?(i(),h("div",nt,"Add Guest name")):S("",!0)]),e("div",lt,[(i(!0),h(Y,null,A(t(_),(a,M)=>(i(),h("span",{key:M,class:"mp-btn-rounded mp-btn-red text-capitalize d-flex gap-1"},[d(D(a.name)+" ",1),e("span",{onClick:P=>C(M),type:"button"},"✕",8,dt)]))),128))])])]),e("div",rt,[f(l,{class:"mp-btn-blue",disabled:!t(p),onClick:n[2]||(n[2]=a=>w.value=!0)},{default:y(()=>[d("Submit")]),_:1},8,["disabled"]),f(l,{class:"mp-btn-red border-0",onClick:n[3]||(n[3]=a=>t(r).step.value--)},{default:y(()=>[d("Back")]),_:1})])]),f(s,{title:"Book a Boardroom","hide-footer":"",centered:"","header-class":"text-white",modelValue:t(w),"onUpdate:modelValue":n[6]||(n[6]=a=>z(w)?w.value=a:null)},{default:y(()=>[ct,e("div",null,[e("table",it,[e("tr",null,[ut,e("td",mt,D(t(b).user.name),1)]),e("tr",null,[_t,e("td",pt,D(t(b).user.email),1)]),e("tr",null,[vt,e("td",ft,D(t(x)(t(r).date.value).format("YYYY-MM-DD")),1)]),e("tr",null,[ht,e("td",bt,D(t(r).s_time.value),1)]),e("tr",null,[yt,e("td",gt,D(t(r).duration.value)+"min",1)]),e("tr",null,[xt,e("td",wt,D(t(p)),1)]),e("tr",null,[kt,e("td",$t,D(t(_).map(a=>a.name).join(", ")||"--"),1)])])]),e("div",Dt,[f(l,{type:"button",onClick:n[4]||(n[4]=a=>w.value=!1),class:"mp-btn-red border-0"},{default:y(()=>[d("Cancel")]),_:1}),f(l,{type:"button",onClick:n[5]||(n[5]=a=>R()),class:"mp-btn-blue"},{default:y(()=>[d("Book Now")]),_:1})])]),_:1},8,["modelValue"])],64)}}},ee=g=>(W("data-v-dda66de3"),g=g(),q(),g),Ct={class:"mp-bg-navy px-4 py-5"},St=ee(()=>e("h2",{class:"text-white mp-heading"},"Book A Boardroom",-1)),Bt={class:"d-flex mt-4 booking-steps"},Vt=ee(()=>e("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"},null,-1)),Yt=[Vt],At={class:"fw-light"},Rt={class:"p-4"},jt={class:"row g-4"},Tt={class:"col-5"},Nt={class:"bg-white mp-rounded-md h-100 mp-border p-4"},It={class:"col-7"},zt={class:"mp-rounded-md h-100 overflow-hidden room-preview"},Ft=["src"],Ut={__name:"boardroom",setup(g){const o=N(),r=c([{id:1,name:"Select Room"},{id:2,name:"Select Date & Time"},{id:3,name:"Submit"}]);return(b,x)=>{const p=De,u=Fe,$=Mt,_=fe;return i(),j(_,{name:"auth"},{default:y(()=>[e("section",Ct,[St,e("div",Bt,[(i(!0),h(Y,null,A(t(r),v=>(i(),h("div",{class:"d-flex gap-2 align-items-center text-white step position-relative",key:v.id},[(i(),h("svg",{class:X(["check-icon",{done:t(o).step.value>v.id}]),xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",viewBox:"0 0 16 16"},Yt,2)),e("span",At,D(v.name),1)]))),128))])]),e("section",Rt,[e("div",jt,[e("div",Tt,[e("div",Nt,[t(o).step.value===1?(i(),j(p,{key:0})):S("",!0),t(o).step.value===2?(i(),j(u,{key:1})):S("",!0),t(o).step.value===3?(i(),j($,{key:2})):S("",!0)])]),e("div",It,[e("div",zt,[t(o).officeImage.value!==""?(i(),h("img",{key:0,src:t(o).officeImage.value,alt:""},null,8,Ft)):S("",!0)])])])])]),_:1})}}},Wt=H(Ut,[["__scopeId","data-v-dda66de3"]]);export{Wt as default};