https://booking.oshombali.com/_next/static/chunks/4649.d532e4e12670e316.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4649],{43715:e=>{e.exports={"lb-overlay":"ZoomImageGallery_lb-overlay__ofn1n","lb-bar":"ZoomImageGallery_lb-bar__iRYZE","lb-stage":"ZoomImageGallery_lb-stage__0OLH8","content-img":"ZoomImageGallery_content-img__BybZG","btn-slider-img-list-right":"ZoomImageGallery_btn-slider-img-list-right__rQiGU","btn-slider-img-list-left":"ZoomImageGallery_btn-slider-img-list-left__8Wk8v","bg-img-center-gallery-full":"ZoomImageGallery_bg-img-center-gallery-full__qvICb","bg-img-center-thumb":"ZoomImageGallery_bg-img-center-thumb__Y_0Fa","lb-close-btn":"ZoomImageGallery_lb-close-btn__J0nBY",selected:"ZoomImageGallery_selected__Cwto1","lb-grid-wrap":"ZoomImageGallery_lb-grid-wrap__9mZ3z","lb-grid":"ZoomImageGallery_lb-grid__PnulV","lb-cell":"ZoomImageGallery_lb-cell__1B8c5","lb-cell--active":"ZoomImageGallery_lb-cell--active__ChMuh","cover-img":"ZoomImageGallery_cover-img__lOo8_"}},84649:(e,a,l)=>{"use strict";l.r(a),l.d(a,{default:()=>x});var s=l(54568),t=l(7620),i=l(56986),c=l.n(i),n=l(81658);l(56425);var r=l(69957),o=l(59477),d=l(43715),m=l.n(d),h=l(66511);let u=e=>{let[a,l]=(0,t.useState)(!1),[i,c]=(0,t.useState)(e.indexImage),[n,r]=(0,t.useState)(null),[o,d]=(0,t.useState)("50% 50%");return(0,t.useEffect)(()=>{c(e.indexImage)},[e.indexImage]),(0,t.useEffect)(()=>{r(null),d("50% 50%")},[i]),(0,s.jsx)(s.Fragment,{children:e.modalShow&&(0,s.jsxs)("div",{className:"".concat(m()["lb-overlay"]),children:[(0,s.jsxs)("div",{className:"".concat(m()["lb-bar"]),children:[(0,s.jsx)("p",{className:"mb-0 fw-bold fs-16",children:e.title}),(0,s.jsxs)("div",{className:"d-flex",children:[(0,s.jsx)("button",{onClick:()=>l(!a),className:"".concat(m()["lb-close-btn"]," ").concat(a&&m().selected),"aria-label":"All photos",title:"All photos",children:(0,s.jsxs)("svg",{viewBox:"0 0 24 24",width:"19",height:"19",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,s.jsx)("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2.5"}),(0,s.jsx)("path",{d:"M3 15l4.5-4 3.5 3 3-2.5L21 16"}),(0,s.jsx)("circle",{cx:"8.5",cy:"9.5",r:"1.4"})]})}),(0,s.jsx)("button",{className:"".concat(m()["lb-close-btn"]," ms-2"),onClick:e.hideModal,children:(0,s.jsx)("svg",{viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("path",{d:"M6 6l12 12M18 6L6 18"})})})]})]}),(0,s.jsx)("div",{className:"".concat(m()["lb-stage"]),children:a?(0,s.jsx)("div",{className:"".concat(m()["lb-grid-wrap"]),children:(0,s.jsx)("div",{className:"".concat(m()["lb-grid"]),children:e.images.map((e,a)=>(0,s.jsx)("button",{onClick:()=>{c(a),l(!1)},className:"".concat(m()["lb-cell"]),children:(0,s.jsx)("img",{className:"".concat(m()["cover-img"]),src:e})},"list-gallery"+a))})}):(0,s.jsx)("div",{className:"".concat(m()["content-img"]),children:e.images&&e.images.length>0&&(0,s.jsx)(h.FN,{showArrows:!0,autoPlay:!1,showIndicators:!0,infiniteLoop:!0,showThumbs:!0,showStatus:!0,selectedItem:i,renderThumbs:()=>e.images.map((e,a)=>(0,s.jsx)("div",{className:"".concat(m()["bg-img-center-thumb"]),style:{backgroundImage:"url('".concat(e,"')")},children:" "},"img-thumb-xxx"+a)),thumbWidth:100,renderArrowNext:(e,a,l)=>a&&(0,s.jsx)("span",{onClick:e,title:l,className:"".concat(m()["btn-slider-img-list-right"]),children:(0,s.jsx)("i",{className:"fa fa-angle-right","aria-hidden":"true"})}),renderArrowPrev:(e,a,l)=>a&&(0,s.jsx)("span",{onClick:e,title:l,className:"".concat(m()["btn-slider-img-list-left"]),children:(0,s.jsx)("i",{className:"fa fa-angle-left","aria-hidden":"true"})}),dynamicHeight:!0,children:e.images&&e.images.map((e,a)=>(0,s.jsx)("div",{className:"".concat(m()["bg-img-center-gallery-full"]),onClick:e=>((e,a)=>{if(n===a){r(null),d("50% 50%");return}let l=e.currentTarget.getBoundingClientRect(),s=(e.clientX-l.left)/l.width*100,t=(e.clientY-l.top)/l.height*100;d("".concat(s,"% ").concat(t,"%")),r(a)})(e,a),style:{backgroundImage:"url('".concat(e,"')"),transform:n===a?"scale(2.3)":"scale(1)",transformOrigin:n===a?o:"50% 50%",cursor:n===a?"zoom-out":"zoom-in"},children:" "},"gallery_slider"+a))})})})]})})};function x(e){let[a,l]=(0,t.useState)((e.defaultTab,"info")),[i,d]=(0,t.useState)(!1),[m,h]=(0,t.useState)(0),x=(0,r.useTranslations)("Header"),{isLoaded:g}=(0,n.RH)({googleMapsApiKey:"AIzaSyAfd1b-g9ruPusU2VwCNCZmzVYIH6-DB44"}),b={lat:Number(e.data.latitude),lng:Number(e.data.longitude)},j={lat:Number(e.data.latitude),lng:Number(e.data.longitude)},v=e=>{var a=e.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return a&&11==a[7].length?a[7]:""},{showHotelInfo:f,setShowHotelInfo:p,showDefaultHotelInfo:N,setShowDefaultHotelInfo:_}=(0,o.A)(),[y,w]=(0,t.useState)(!1),[k,C]=(0,t.useState)(e.modalShow),[I,T]=(0,t.useState)(!1),L=(0,t.useRef)(null);return(0,t.useEffect)(()=>{let a;return e.modalShow?(C(!0),T(!1),a=setTimeout(()=>{w(!0)},20)):(w(!1),T(!1),a=setTimeout(()=>{C(!1)},300)),()=>{a&&clearTimeout(a)}},[e.modalShow]),(0,s.jsxs)(s.Fragment,{children:[k&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"drawer",children:[(0,s.jsx)("div",{className:"backdrop",onClick:e.hideModal}),(0,s.jsx)("div",{className:"content ".concat(y&&"active"),children:e.data&&(0,s.jsxs)("div",{className:"scroll",ref:L,onScroll:()=>{var e,a;T((null!=(a=null==(e=L.current)?void 0:e.scrollTop)?a:0)>200)},children:[(0,s.jsxs)("div",{className:"header active align-items-center",children:[(0,s.jsx)("button",{className:"btn-close-header",onClick:e.hideModal,children:(0,s.jsx)("svg",{width:"19",height:"19",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("path",{d:"M6 6l12 12M18 6L6 18"})})}),(0,s.jsx)("div",{className:"header-txt",children:(0,s.jsx)("p",{className:"fw-bold mb-0 text-truncate mt-0 fs-16",children:e.data.property_name})})]}),(0,s.jsxs)("div",{className:"p-4 mt-5",children:[(0,s.jsxs)("ul",{className:"nav nav-tabs   fs-14",children:[(0,s.jsx)("li",{className:"nav-item bold-medium",children:(0,s.jsx)("a",{onClick:e=>{_("info"),e.preventDefault()},className:"info"==e.defaultTab?"nav-link active":"nav-link",href:"#",children:x("hotelInformation")})}),""!=e.data.latitude&&""!=e.data.longitude&&(0,s.jsx)("li",{className:"nav-item bold-medium",children:(0,s.jsx)("a",{onClick:e=>{_("map"),e.preventDefault()},className:"map"==e.defaultTab?"nav-link active":"nav-link",href:"#",children:x("mapsLocation")})}),e.data.images&&Array.isArray(e.data.images)&&e.data.images.length>0&&(0,s.jsx)("li",{className:"nav-item bold-medium",children:(0,s.jsx)("a",{onClick:e=>{_("picture"),e.preventDefault()},className:"picture"==e.defaultTab?"nav-link active":"nav-link",href:"#",children:x("galleryPictures")})}),""!=v(e.data.property_youtube)&&(0,s.jsx)("li",{className:"nav-item bold-medium",children:(0,s.jsx)("a",{onClick:e=>{_("video"),e.preventDefault()},className:"video"==e.defaultTab?"nav-link active":"nav-link",href:"#",children:x("video")})}),""!=e.data.street_view&&(0,s.jsx)("li",{className:"nav-item bold-medium",children:(0,s.jsx)("a",{onClick:e=>{_("street_view"),e.preventDefault()},className:"street_view"==e.defaultTab?"nav-link active":"nav-link",href:"#",children:x("streetView")})})]}),(0,s.jsxs)("div",{className:"content-tab py-3 px-1 fs-14",children:["info"==e.defaultTab&&(0,s.jsxs)("div",{className:"".concat(c()["content-font"]),children:[(0,s.jsx)("div",{className:"mb-4",children:(0,s.jsx)("div",{className:"".concat(c()["modal-information"]),dangerouslySetInnerHTML:{__html:e.data.hotel_description}})}),(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsx)("h5",{className:"fw-bold fs-16 mb-2",children:"Check-in & Check-out Time"}),(0,s.jsxs)("div",{className:"row",children:[(0,s.jsxs)("div",{className:"col-6",children:[(0,s.jsx)("p",{className:"mb-1 bold-medium",children:"Check-in"}),(0,s.jsx)("p",{className:"fw-bold fs-16",children:e.data.checkintime.substring(0,5)})]}),(0,s.jsxs)("div",{className:"col-6",children:[(0,s.jsx)("p",{className:"mb-1 bold-medium",children:"Check-out"}),(0,s.jsx)("p",{className:"fw-bold fs-16",children:e.data.checkouttime.substring(0,5)})]})]})]}),(0,s.jsxs)("div",{className:"",children:[(0,s.jsx)("h5",{className:"fw-bold fs-16 mb-3",children:x("facilities")}),(0,s.jsx)("ul",{className:"".concat(c()["icon-facilities-2"]),children:Array.isArray(e.data.facilities)&&e.data.facilities.map(e=>(0,s.jsxs)("li",{children:[(0,s.jsx)("img",{src:e.icon}),(0,s.jsx)("span",{className:"text-truncate",children:e.name})]},"icon"+e.name))})]})]}),"map"==e.defaultTab&&(0,s.jsx)("div",{children:g?(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"row mt-2",children:[(0,s.jsx)("div",{className:"col-12",children:(0,s.jsx)(n.u6,{mapContainerClassName:"map-container-drawer",center:j,zoom:18,options:{mapTypeControl:!1},children:(0,s.jsx)(n.pH,{position:b})})}),(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsxs)("ul",{className:"".concat(c()["hotel-info"]," "),children:[(0,s.jsxs)("li",{className:"bold-medium d-flex align-items-center",children:[(0,s.jsxs)("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,s.jsx)("path",{d:"M12 21s-7-5.5-7-11a7 7 0 1114 0c0 5.5-7 11-7 11z"}),(0,s.jsx)("circle",{cx:"12",cy:"10",r:"2.5"})]}),(0,s.jsx)("span",{className:"ms-1",children:e.data.property_address})]}),(0,s.jsx)("li",{className:"bold-medium d-inline-flex align-items-center",children:(0,s.jsxs)("a",{href:"tel:"+e.data.property_phone,title:"click here to chat with us",target:"_BLANK",className:"text-decoration-none d-flex text-dark ms-1 bold-medium fs-13 align-items-center",children:[(0,s.jsx)("i",{className:"fa fa-phone pe-2"})," ",e.data.property_phone]})}),(0,s.jsx)("li",{className:"bold-medium d-inline-flex align-items-center ms-3",children:(0,s.jsxs)("a",{href:"https://wa.me/"+e.data.property_fax,title:"click here to chat with us",target:"_BLANK",className:"text-decoration-none d-flex text-dark ms-1 bold-medium fs-13 align-items-center",children:[(0,s.jsx)("i",{className:"fa fa-whatsapp pe-2"})," ",e.data.property_fax]})})]})}),(0,s.jsxs)("div",{className:"col-12 mt-2",children:[(0,s.jsx)("h5",{className:"fw-bold fs-16 mb-3",children:x("localAttractions")}),(0,s.jsx)("ul",{className:"".concat(c()["icon-attraction-drawer"]),children:Array.isArray(e.data.attraction)&&e.data.attraction.map(e=>(0,s.jsxs)("li",{className:"d-flex justify-content-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("img",{src:e.icon}),e.name]}),(0,s.jsx)("div",{className:"fw-bold",children:e.distance})]},"icon"+e.name))})]})]})}):(0,s.jsx)("h1",{children:"Loading..."})}),"picture"==e.defaultTab&&(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"".concat(c()["slider-home"]," mb-0"),children:(0,s.jsx)("div",{className:"".concat(c()["gallery-grid"]),children:Array.isArray(e.data.images)&&e.data.images.map((e,a)=>(0,s.jsxs)("button",{onClick:()=>{document.documentElement.style.overflow="hidden",h(a),d(!0)},className:"".concat(c()["gallery-cell"]," ").concat(c()["gal-cell"]),children:[(0,s.jsx)("img",{className:"".concat(c()["cover-img"]),src:e,alt:""}),(0,s.jsx)("span",{className:"".concat(c()["gallery-zoom"]),children:(0,s.jsx)("svg",{viewBox:"0 0 24 24",width:"15",height:"15",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:(0,s.jsx)("path",{d:"M8 3H5a2 2 0 00-2 2v3M16 3h3a2 2 0 012 2v3M8 21H5a2 2 0 01-2-2v-3M16 21h3a2 2 0 002-2v-3"})})})]},"gallery-grid"+a))})})}),"video"==e.defaultTab&&(0,s.jsx)("div",{children:(0,s.jsx)("iframe",{width:"100%",height:"400",src:"https://www.youtube.com/embed/"+v(e.data.property_youtube),title:"YouTube video player",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})}),"street_view"==e.defaultTab&&(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"".concat(c()["modal-information"]),dangerouslySetInnerHTML:{__html:e.data.street_view}})})]})]})]})})]})}),(0,s.jsx)(u,{title:e.data.property_name,indexImage:m,images:e.data.images,modalShow:i,hideModal:()=>{document.documentElement.style.overflow="",d(!1)}})]})}}}]);