(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2144],{77555:function(e,l,t){"use strict";t.d(l,{Z:function(){return j}});var i=t(85893),r=t(67294),s=t(54682),n=t(14690),a=t(26528),o=t(70457),d=t(30719),c=t(88116);t(74614),t(99812),t(4661);var m=t(58723),x=t(75889),h=t(45373),p=t(86812),u=e=>{let{selectedImage:l,handleShowGallery:t,photos:s,handleImageClick:n}=e,o=(0,r.useRef)(null),u=(0,r.useMemo)(()=>s.findIndex(e=>e.id===(null==l?void 0:l.id)),[l]),g=s.length;return(0,i.jsx)("div",{className:"flex overflow-hidden h-full gap-4 pl-4 pr-4 my-4 md:gap-8 md:pl-8 md:pr-2 md:my-8",children:(0,i.jsx)("div",{className:"h-full w-full flex relative",children:(0,i.jsx)("div",{className:"rounded-lg h-[inherit] overflow-hidden mx-auto my-0 relative",children:(0,i.jsxs)(x.Z,{onClose:t,children:[(0,i.jsxs)(d.tq,{ref:o,navigation:{prevEl:".photo-viewer-swiper-prev",nextEl:".photo-viewer-swiper-next"},slidesPerView:"auto",spaceBetween:8,centeredSlides:!0,loopFillGroupWithBlank:!0,loop:!0,initialSlide:u,onSlideChange:e=>{n(s[e.realIndex])},style:{width:"100%",height:"100%"},modules:[c.W_],children:[(0,i.jsx)(p.Z,{icon:h.ac,className:"photo-viewer-swiper-prev absolute top-[50%] ltr:left-[46px] rtl:right-[46px] ltr:-translate-x-[50%] rtl:translate-x-[50%] -translate-y-[50%] hidden sm:flex"}),s.map((e,l)=>(0,i.jsx)(d.o5,{style:{display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center"},children:(0,i.jsx)("div",{className:"w-full h-full max-w-max",children:(0,i.jsx)(m.Z,{priority:0===l,image:e.image,size:{default:50,sm:100,lg:75,xl:75},className:"max-w-max object-contain",style:{height:"100%",width:"100%",display:"block"}})})},"".concat(e.id,"-").concat(l))),(0,i.jsx)(p.Z,{icon:h.eF,className:"photo-viewer-swiper-next absolute top-[50%] ltr:right-[46px] rtl:left-[46px] ltr:translate-x-[50%] rtl:-translate-x-[50%] -translate-y-[50%] hidden sm:flex"})]}),(0,i.jsxs)("div",{className:"absolute flex items-center gap-2 bottom-6 left-6 z-[5] px-2 py-1 bg-white rounded-full border border-secondaryGrey",children:[(0,i.jsx)(h.GN,{icon:h.fS,size:"lg",className:"text-primary"}),(0,i.jsxs)("p",{className:a.XP,children:[u+1,"/",g]})]})]})})})})},g=t(60407),f=t(7934),j=e=>{let{availabilityMode:l,open:t,handleClose:d,hotelData:c,title:m,photos:x,selectedImage:h,handleImageClick:p,isShowPrice:j=!0}=e,{tHotels:v}=(0,s.EI)(),[w,b]=r.useState(!0),y=(0,n.lo)(),N=e=>{p(e),w&&b(!1)};return(0,i.jsx)(o.P,{open:t,modalName:"gallery",onClose:()=>{d(),b(!0)},className:"p-[0] gap-y-0 gap-x-0 rounded-[0] sm:rounded-md ".concat(w?"":"!rounded-[0px]"),headerClassName:"relative flex items-center p-4 gap-4 md:p-8",headerComponent:(0,i.jsxs)("div",{className:"grid items-center gap-3 grid-cols-[1fr,auto] w-full",children:[(0,i.jsxs)("h2",{className:"".concat(a.ab," overflow-hidden"),style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:[v("photoGallery"),m&&" - ".concat(m)]}),j&&(0,i.jsx)(i.Fragment,{children:l?(0,i.jsx)(a.wm,{className:"hidden sm:flex min-w-[144px]",onClick:()=>{y&&y.handleScrollClick(),d()},children:v("showPrices")}):(0,i.jsx)(f.I,{children:(0,i.jsx)(g.Z,{showPrice:!l,hotelData:c,price:null==c?void 0:c.commonDescription.basePriceFormatted,cssProps:"hidden flex-row justify-end min-w-[300px] md:flex"})})})]}),children:(0,i.jsxs)(f.I,{children:[(0,i.jsx)(i.Fragment,{children:w?(0,i.jsx)(s.y$,{handleImageClick:N,selectedImage:h,photos:x}):(0,i.jsx)(u,{selectedImage:h,handleShowGallery:()=>{b(!0)},handleImageClick:N,photos:x})}),!l&&j&&(0,i.jsx)("div",{className:"block bg-white shadow-[0px_10px_35px_0px_rgba(5,16,54,0.10)] border border-secondaryGrey fixeed z-[1] bottom-0 right-0 left-0 p-4 md:hidden",children:(0,i.jsx)(g.Z,{hotelData:c,price:null==c?void 0:c.commonDescription.basePriceFormatted})})]})})}},59224:function(e,l,t){"use strict";t.d(l,{Z:function(){return f}});var i=t(85893);t(67294);var r=t(26528),s=t(58723),n=t(70457),a=t(19517),o=t(34426),d=t(67554),c=t(14690),m=t(54682),x=t(47475),h=t(63183),p=t(53665);let u=(e,l)=>e?e.startsWith("#")?e:"#".concat(e):l,g=h.P.appleMapsKey;var f=e=>{var l;let{map:t,title:h,coordinates:f,imageClassName:j="",className:v="",isShowImage:w=!0,children:b}=e,[y,N]=(0,o.n6)(!1),C=(0,c.lo)(),{tHotels:k}=(0,m.EI)(),Z=(0,p._h)(),F=u(null==Z?void 0:null===(l=Z.colors)||void 0===l?void 0:l.primaryHex,x.r4.primaryBlue);if(!t)return null;let I=()=>{N(!0),(0,a.L9)("open_map",{})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:(0,o.AK)("cursor-pointer",v),onClick:e=>{e.preventDefault(),I()},children:[w&&(0,i.jsx)(s.Z,{image:t.mapImage,size:{default:50},className:(0,o.AK)("object-cover rounded max-h-[200px] sm:max-h-[350px] h-full w-full",j)}),b]}),(0,i.jsx)(n.P,{modalName:"hotelMap",open:y,onClose:()=>{N(!1)},headerClassName:"grid grid-cols-[1fr,auto] items-center",headerComponent:(0,i.jsx)("p",{className:"text-[1rem] font-medium text-primaryFont text-center pl-9",children:h}),children:(0,i.jsxs)("div",{className:"mt-[49px] -mx-5 -mb-5 grid h-full relative",children:[(0,i.jsx)(r.wm,{onClick:()=>{N(!1),(null==C?void 0:C.handleScrollClick)&&C.handleScrollClick()},className:"absolute bottom-5 left-[50%] translate-x-[-50%] z-[10] max-h-10",children:k("chooseRoom")}),(0,i.jsx)(d.D5,{onLoad:()=>{},initialRegion:{latitudeDelta:.015,longitudeDelta:.015,centerLatitude:f.lat,centerLongitude:f.lng},token:g,children:(0,i.jsx)(d.Jx,{latitude:f.lat,longitude:f.lng,title:h,color:F})})]})})]})}},489:function(e,l,t){"use strict";t.d(l,{Z:function(){return j}});var i=t(85893),r=t(67294),s=t(26528),n=t(54682),a=t(34426),o=t(50549),d=t(60407);let c=(e,l)=>{let[t,i]=(0,a.n6)(l);return(0,a.Ng)(()=>{let l=e.map(e=>document.getElementById(e.id)),r=()=>{l.forEach((e,r)=>{if(e){let s=e.getBoundingClientRect().top-60,n=l[r+1],a=n?n.getBoundingClientRect().top-60:0,o=Number(s.toFixed(0)),d=Number(a.toFixed(0));0==o?t!==e.id&&i(e.id):o<0&&d>60?t!==e.id&&i(e.id):o<0&&0==d&&t!==e.id&&i(e.id)}})};return window.addEventListener("scroll",r),()=>{window.removeEventListener("scroll",r)}},[t]),t};var m=t(47475),x=t(30890),h=t(43877),p=t(4052),u=t(12106),g=t(11163),f=e=>{let{loading:l,price:t}=e,[r,s]=(0,a.n6)(!1),n=(0,g.useRouter)(),{query:d}=n,c=d.error;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"flex items-center gap-4",children:[l?(0,i.jsx)(o.Z,{width:100,height:20}):(0,i.jsxs)("div",{className:"flex items-center gap-2",children:[(0,i.jsx)("span",{className:"text-[1rem] font-semibold text-mediumDanger sm:text-[1.25rem]",children:t}),(0,i.jsx)(p.Z,{})]}),(0,i.jsx)(h.Z,{className:"my-2 lg:my-0 lg:max-h-10",onClick:()=>s(!0)})]}),(0,i.jsx)(u.Z,{placement:"hotel-tabs-featured-deal",open:r,handleClose:()=>s(!1),error:c})]})},j=e=>{let{sections:l,availabilityMode:t,className:h,buttonLabel:p}=e,u=(0,x.U)(),g=(0,r.useRef)(null),[j,v]=(0,a.n6)([]),{tHotels:w}=(0,n.EI)(),b=c(l,l[0].id);(0,a.Ng)(()=>{let e=l.filter(e=>null!==document.getElementById(e.id));v(e)},[]);let y=e=>{let l=document.getElementById(e);if(l){let e=g.current?g.current.offsetHeight:0,t=l.offsetTop-e-3;window.scrollTo({top:t,behavior:"smooth"})}};return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{ref:g,className:(0,a.AK)("w-full border-b border-b-secondaryGrey sticky top-0 transition-all bg-light z-[9]",h),children:(0,i.jsx)("div",{className:s.n0,children:(0,i.jsxs)("div",{className:"flex justify-between",children:[(0,i.jsx)("div",{className:"flex",children:j.length>0?j.map(e=>(0,i.jsx)("button",{onClick:()=>y(e.id),className:(0,a.AK)("inline-block py-3 px-4 lg:py-4 lg:px-6 text-sm font-normal text-primary hover:bg-softBlue",m.Z2.isRoundedForm?"rounded":"rounded-none",b===e.id?"shadow-[0px_2px_0px_0px] rounded-b-[0]":""),children:w(e.i18Key)},e.id)):l.map(e=>(0,i.jsx)("div",{className:"max-lg:flex max-lg:items-center py-3.5 px-[14px] lg:px-[22px]",children:(0,i.jsx)(o.Z,{width:60,height:17})},e.id))}),u.isFeaturedHiddenRoom?(0,i.jsx)(f,{loading:u.loading,price:u.roomPriceFormatted}):(0,i.jsx)(d.Z,{buttonClassName:"my-2 lg:my-0 lg:max-h-10",priceClassName:"hidden lg:flex",buttonLabel:t?w("chooseRoom"):p||w("showPrices"),breakpoint:s.wt.md,loadingPrice:null==u?void 0:u.loading,price:null==u?void 0:u.roomPriceFormatted,showPrice:!0,cssProps:"w-max min-w-[unset] flex flex-row justify-end gap-4 md:flex md:w-max"})]})})})})}},4661:function(){},99812:function(){}}]);