Your IP : 216.73.217.77
"use strict";(self.webpackChunkproject=self.webpackChunkproject||[]).push([[728],{68728:(e,r,i)=>{i.r(r),i.d(r,{default:()=>P});var s=i(65043),n=i(79456),a=i(73216),t=i(36171),l=i(84289),o=i(26240),c=i(96446),d=i(85865),x=i(19252),u=i(22698),h=i(88446),m=i(15795),v=i(51787),p=i(42518),j=i(54669),g=i(24056),y=i(68903),A=i(44978),b=i(79484),f=i(17428),w=i(25501),_=i(74975),N=i(97412),C=i(46941),S=i(74763),W=i(95539),k=i(23768),F=i(81637),M=i(17392),I=i(69369),$=i(30349),V=(i(38335),i(70579));const q=e=>{var r,i,a,l;let{servicesData:o}=e,x=null===(r=(0,n.d4)((e=>e.Settings)))||void 0===r?void 0:r.settings,u=null===x||void 0===x||null===(i=x.app_settings)||void 0===i?void 0:i.currency;const h=(0,n.d4)((e=>e.cart)),[m,v]=(0,s.useState)({}),j=(0,n.wA)(),g=null===(a=(0,n.d4)((e=>e.authentication)))||void 0===a?void 0:a.isLoggedIn,y=()=>{j((0,S.R9)([]))},b=JSON.stringify(null===(l=h.base_cart)||void 0===l?void 0:l.data),f=async(e,r)=>{try{y(),v((r=>({...r,[e]:!0})));const i=await t.A.ManageCart({id:e,qty:r.toString()});if(i&&i.data){j((0,W.Pi)(i));let e=(0,C.eM)(i.message);k.Ay.success(e)}}catch(i){console.log("error",i)}finally{v((r=>({...r,[e]:!1})))}},w=(0,I.u)(),q=e=>{var r;y();const i=(b?JSON.parse(b):null).find((r=>r.service_id===e.id));null===(r=h.base_cart)||void 0===r||r.data.forEach((r=>{if(r.service_id===e.id&&r.qty>0){const s=parseInt(r.qty);if(!i)return void f(e.id,s+1);if(i.servic_details.max_quantity_allowed>s)return void f(e.id,s+1);k.Ay.error(`Maximum Quantity is ${i.servic_details.max_quantity_allowed}`)}}))};return(0,V.jsx)(V.Fragment,{children:o&&o.map((e=>{var r;return(0,V.jsxs)("div",{className:"services-main",children:[(0,V.jsxs)("div",{className:"services_main_brand",children:[(0,V.jsx)("div",{className:"services_profile",children:(0,V.jsx)("img",{src:null===(r=e.provider)||void 0===r?void 0:r.image,onError:C.jM,alt:"services"})}),(0,V.jsxs)("div",{className:"serices_right_data",children:[(0,V.jsx)("h5",{children:e.provider.username}),(0,V.jsx)("p",{children:e.provider.company_name})]})]}),(0,V.jsx)(_.RC,{breakpoints:{0:{slidesPerView:1.2},640:{width:640,slidesPerView:1.2},768:{width:768,slidesPerView:1.2},992:{width:992,slidesPerView:1.5},1200:{width:1200,slidesPerView:2},1400:{width:1400,slidesPerView:2.2}},spaceBetween:15,pagination:!1,className:"mySwiper services-search",children:e.provider.services.map(((e,r)=>{var i,s,n,a,l,o;return(0,V.jsx)(_.qr,{children:(0,V.jsxs)("div",{className:"service-card-slider",children:[(0,V.jsxs)("div",{className:"card-left",children:[(0,V.jsx)("div",{className:"overlay"}),(0,V.jsx)("img",{src:e.image,alt:e.title,onError:C.jM}),(0,V.jsx)("div",{className:"card-off",children:(0,V.jsx)("span",{children:e.discounted_price>0?`${((e.original_price_with_tax-e.discounted_price)/e.original_price_with_tax*100).toFixed(0)}% ${(0,A.t)("off")}`:null})})]}),(0,V.jsxs)("div",{className:"card-right",children:[(0,V.jsxs)("div",{className:"card-top",children:[(0,V.jsx)("div",{className:"service-name",children:(0,V.jsx)("p",{children:(0,C.xv)(e.title,28)})}),e.average_rating>0&&(0,V.jsxs)("div",{className:"rating",children:[(0,V.jsx)("span",{className:"star",children:(0,V.jsx)(N.A,{})}),parseFloat(e.average_rating).toFixed(1)]})]}),(0,V.jsxs)("div",{className:"card-middle",children:[(0,V.jsx)("div",{className:"desc",children:(0,V.jsx)("p",{children:(0,C.xv)(e.description,90)})}),(0,V.jsx)("div",{className:"duration",children:(0,V.jsxs)("p",{children:[e.number_of_members_required," ",(0,A.t)("person")," ",e.duration," ",(0,A.t)("min")]})})]}),(0,V.jsxs)("div",{className:"card-bottom",children:[(0,V.jsxs)("div",{className:"price-container",children:[(0,V.jsxs)("span",{className:"discount-price",children:[u,e.price_with_tax]}),(null===e||void 0===e?void 0:e.discounted_price)>0&&(0,V.jsxs)("span",{className:"original-price",children:[u,e.original_price_with_tax]})]}),(0,V.jsx)("div",{className:"",children:m[e.id]?(0,V.jsx)(F.A,{size:24}):null!==h.base_cart&&null!==(i=h.base_cart)&&void 0!==i&&null!==(s=i.data)&&void 0!==s&&s.some((r=>r.service_id===e.id))?(0,V.jsxs)(c.A,{size:"large",width:109.88,height:42.5,borderRadius:"5px",bgcolor:null===w||void 0===w||null===(n=w.palette)||void 0===n||null===(a=n.primary)||void 0===a?void 0:a.main,color:"white",display:"flex",justifyContent:"space-around",alignItems:"center",variant:"outlined",children:[null!==(l=h.base_cart)&&void 0!==l&&l.data.some((r=>r.service_id===e.id&&1===parseInt(r.qty)))?(0,V.jsx)(M.A,{size:"small",onClick:()=>(async e=>{v((r=>({...r,[e]:!0}))),await t.A.removeCart({itemId:e}).then((async r=>{y(),j((0,W.Pi)(r));let i=(0,C.eM)(r.message);k.Ay.success(i),v((r=>({...r,[e]:!1})))})).catch((e=>console.log("error",e)))})(e.id),children:(0,V.jsx)($.A,{className:"delete-icon"})}):(0,V.jsx)(M.A,{size:"small",onClick:()=>{(e=>{var r;null===(r=h.base_cart)||void 0===r||r.data.forEach((r=>{y(),r.service_id==e.id&&f(e.id,parseInt(r.qty)-1)}))})(e)},sx:{color:"white"},children:"-"}),null===(o=h.base_cart)||void 0===o?void 0:o.data.map((r=>r.service_id===e.id&&r.qty>0?(0,V.jsx)(d.A,{color:"white",children:r.qty}):(0,V.jsx)(V.Fragment,{}))),(0,V.jsx)(M.A,{size:"small",onClick:()=>q(e),sx:{color:"white"},children:"+"})]}):(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(p.A,{variant:"outlined",onClick:()=>{return r=e.id,void(g?f(r,1):k.Ay.error("You need to login before adding Items to your account"));var r},float:"right",size:"medium",color:"primary",sx:{px:5,py:1,borderColor:"gray",textTransform:"none","&:hover":{borderColor:"gray"}},children:(0,A.t)("add")})})})]})]})]})},r)}))})]},e.id)}))})};var D=i(95538);const P=()=>{var e,r;const i=(0,a.Zp)(),{slug:_}=(0,a.g)(),N=(0,n.d4)((e=>e.Location)),[S,W]=(0,s.useState)([]),[k,F]=(0,s.useState)([]),[M,I]=(0,s.useState)(!1),[$,P]=(0,s.useState)(!1),[z,B]=(0,s.useState)(0),[E,L]=(0,s.useState)(_||""),R=(0,o.A)(),T=async function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:_;I(!0),P(!1);try{const i=(0,C.rv)(r),s=await t.A.search_services_providers({search:i,latitude:N.lat,longitude:N.lng,type:e});"service"===e?W(s.data.Services||[]):"provider"===e&&F(s.data.providers||[]),I(!1)}catch($){P(!0),I(!1)}};(0,s.useEffect)((()=>{T("service")}),[]),(0,s.useEffect)((()=>{const e=(0,C.rv)(E);L(e)}),[E]);function O(e){const{children:r,value:i,index:s,...n}=e;return(0,V.jsx)("div",{role:"tabpanel",hidden:i!==s,id:`simple-tabpanel-${s}`,"aria-labelledby":`simple-tab-${s}`,...n,children:i===s&&(0,V.jsx)(c.A,{sx:{py:3},children:(0,V.jsx)(d.A,{children:r})})})}function Y(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(l.A,{children:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(c.A,{paddingTop:"35px",paddingBottom:"35px",mt:2,children:(0,V.jsxs)(x.A,{maxWidth:"lg",className:"mainContainer",children:[(0,V.jsxs)(u.A,{separator:"|","aria-label":"breadcrumb",className:"mb-1 mt-1 breadcrumb",children:[(0,V.jsx)(h.A,{className:"breadcrumb",color:"inherit",onClick:()=>i("/"),children:(0,V.jsxs)("strong",{children:[" ",(0,A.t)("home")]})}),(0,V.jsx)(d.A,{color:"text.primary",children:(0,V.jsx)("strong",{children:(0,A.t)("search")})})]}),(0,V.jsx)(d.A,{variant:"h4",gutterBottom:!0,children:(0,V.jsxs)(V.Fragment,{children:[(0,A.t)("search")," ",(0,A.t)("result")," '",E,"'"]})})]})}),(0,V.jsx)(c.A,{className:"main-content-search",children:(0,V.jsxs)(x.A,{maxWidth:"lg",className:"mainContainer",children:[(0,V.jsx)(c.A,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"20px"},className:"search-input",children:(0,V.jsx)(m.A,{className:"text-field-input",value:E,onChange:e=>L(e.target.value),onKeyDown:async e=>{if("Enter"===e.key){const e=0===z?"service":"provider";await T(e,E)}},placeholder:(0,A.t)("search-placeholder"),sx:{justifyContent:"center",backgroundColor:"#fff"},InputProps:{startAdornment:(0,V.jsx)(v.A,{position:"start",children:(0,V.jsx)(b.A,{})}),endAdornment:(0,V.jsx)(v.A,{position:"end",children:(0,V.jsx)(p.A,{variant:"contained",sx:{backgroundColor:null===R||void 0===R||null===(e=R.palette)||void 0===e||null===(r=e.primary)||void 0===r?void 0:r.main},onClick:()=>{T(0===z?"service":"provider",E)},children:(0,A.t)("search")})})}})}),(0,V.jsxs)(c.A,{sx:{width:"100%"},children:[(0,V.jsx)(c.A,{sx:{borderBottom:1,borderColor:"divider"},children:(0,V.jsxs)(j.A,{value:z,onChange:(e,r)=>{B(r),0===r?T("service",E):1===r&&T("provider",E)},"aria-label":"basic tabs example",children:[(0,V.jsx)(g.A,{label:(0,A.t)("service"),...Y(0),sx:{alignItems:"flex-start",paddingLeft:"0"}}),(0,V.jsx)(g.A,{label:(0,A.t)("provider"),...Y(1),sx:{alignItems:"flex-start",paddingLeft:"0"}})]})}),(0,V.jsx)(O,{value:z,index:0,children:M?(0,V.jsx)(y.Ay,{container:!0,spacing:2,mb:13,children:(0,V.jsx)(y.Ay,{item:!0,lg:12,display:"flex",flexWrap:"wrap",justifyContent:"space-evenly",gap:2,children:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{})]})})}):(0,V.jsx)("div",{className:"services-tab",children:S&&(null===S||void 0===S?void 0:S.length)>0?(0,V.jsx)(q,{servicesData:S}):(0,V.jsx)(y.Ay,{width:"100%",item:!0,xs:12,children:(0,V.jsxs)(c.A,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",children:[(0,V.jsx)("img",{className:"no-service-and-provider",src:D,alt:"There is no providers",onError:C.jM}),(0,V.jsx)(d.A,{variant:"body1",children:(0,A.t)("no_service")})]})})})}),(0,V.jsx)(O,{value:z,index:1,children:M?(0,V.jsx)(y.Ay,{container:!0,spacing:2,mb:13,children:(0,V.jsx)(y.Ay,{item:!0,lg:12,display:"flex",flexWrap:"wrap",justifyContent:"space-evenly",gap:2,children:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{}),(0,V.jsx)(f.wW,{})]})})}):(0,V.jsx)(c.A,{children:(0,V.jsx)("div",{className:"row",children:k&&(null===k||void 0===k?void 0:k.length)>0?k.map((e=>(0,V.jsx)("div",{className:"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-3 mb-4",children:(0,V.jsx)(w.A,{partner:e,sx:{height:"100%",display:"block",boxShadow:"0px 0px 10px rgba(0, 0, 0, 0.1)",borderRadius:"10px"}})}))):(0,V.jsx)(y.Ay,{width:"100%",item:!0,xs:12,children:(0,V.jsxs)(c.A,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",children:[(0,V.jsx)("img",{className:"no-service-and-provider",src:D,alt:"There is no providers",onError:C.jM}),(0,V.jsx)(d.A,{variant:"body1",children:(0,A.t)("no_provider")})]})})})})})]})]})})]})})})}},79484:(e,r,i)=>{i.d(r,{A:()=>a});var s=i(59662),n=i(70579);const a=(0,s.A)((0,n.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search")},88446:(e,r,i)=>{i.d(r,{A:()=>N});var s=i(98587),n=i(58168),a=i(65043),t=i(58387),l=i(98610),o=i(6803),c=i(34535),d=i(98206),x=i(13574),u=i(95849),h=i(85865),m=i(92532),v=i(72372);function p(e){return(0,v.Ay)("MuiLink",e)}const j=(0,m.A)("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]);var g=i(17162),y=i(67266);const A={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},b=e=>{let{theme:r,ownerState:i}=e;const s=(e=>A[e]||e)(i.color),n=(0,g.Yn)(r,`palette.${s}`,!1)||i.color,a=(0,g.Yn)(r,`palette.${s}Channel`);return"vars"in r&&a?`rgba(${a} / 0.4)`:(0,y.X4)(n,.4)};var f=i(70579);const w=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],_=(0,c.Ay)(h.A,{name:"MuiLink",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:i}=e;return[r.root,r[`underline${(0,o.A)(i.underline)}`],"button"===i.component&&r.button]}})((e=>{let{theme:r,ownerState:i}=e;return(0,n.A)({},"none"===i.underline&&{textDecoration:"none"},"hover"===i.underline&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},"always"===i.underline&&(0,n.A)({textDecoration:"underline"},"inherit"!==i.color&&{textDecorationColor:b({theme:r,ownerState:i})},{"&:hover":{textDecorationColor:"inherit"}}),"button"===i.component&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${j.focusVisible}`]:{outline:"auto"}})})),N=a.forwardRef((function(e,r){const i=(0,d.b)({props:e,name:"MuiLink"}),{className:c,color:h="primary",component:m="a",onBlur:v,onFocus:j,TypographyClasses:g,underline:y="always",variant:b="inherit",sx:N}=i,C=(0,s.A)(i,w),{isFocusVisibleRef:S,onBlur:W,onFocus:k,ref:F}=(0,x.A)(),[M,I]=a.useState(!1),$=(0,u.A)(r,F),V=(0,n.A)({},i,{color:h,component:m,focusVisible:M,underline:y,variant:b}),q=(e=>{const{classes:r,component:i,focusVisible:s,underline:n}=e,a={root:["root",`underline${(0,o.A)(n)}`,"button"===i&&"button",s&&"focusVisible"]};return(0,l.A)(a,p,r)})(V);return(0,f.jsx)(_,(0,n.A)({color:h,className:(0,t.A)(q.root,c),classes:g,component:m,onBlur:e=>{W(e),!1===S.current&&I(!1),v&&v(e)},onFocus:e=>{k(e),!0===S.current&&I(!0),j&&j(e)},ref:$,ownerState:V,variant:b,sx:[...Object.keys(A).includes(h)?[]:[{color:h}],...Array.isArray(N)?N:[N]]},C))}))}}]);
//# sourceMappingURL=728.c0e8f85c.chunk.js.map