1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8845],{89063:(e,n,t)=>{Promise.resolve().then(t.bind(t,8825))},8825:(e,n,t)=>{"use strict";t.d(n,{default:()=>S});var a=t(95155),s=t(12115);let i=(0,t(99827).v)(e=>({selectedCabinTypes:[],selectedFacilities:[],selectedAmenities:[],selectedBoatTypes:[],priceRange:[0,1e5],searchLocation:"",toggleCabinType:n=>e(e=>({selectedCabinTypes:e.selectedCabinTypes.includes(n)?e.selectedCabinTypes.filter(e=>e!==n):[...e.selectedCabinTypes,n]})),toggleFacility:n=>e(e=>({selectedFacilities:e.selectedFacilities.includes(n)?e.selectedFacilities.filter(e=>e!==n):[...e.selectedFacilities,n]})),toggleAmenity:n=>e(e=>({selectedAmenities:e.selectedAmenities.includes(n)?e.selectedAmenities.filter(e=>e!==n):[...e.selectedAmenities,n]})),toggleBoatType:n=>e(e=>({selectedBoatTypes:e.selectedBoatTypes.includes(n)?e.selectedBoatTypes.filter(e=>e!==n):[...e.selectedBoatTypes,n]})),setPriceRange:n=>e({priceRange:n}),setSearchLocation:n=>e({searchLocation:n}),clearAll:()=>e({selectedCabinTypes:[],selectedFacilities:[],selectedAmenities:[],selectedBoatTypes:[],priceRange:[0,1e5],searchLocation:""})}));var r=t(86416),o=t(21930);function l(){let[e,n]=(0,s.useState)(""),[t,l]=(0,s.useState)([]),[c,d]=(0,s.useState)(!1),[x,p]=(0,s.use
1State)(!1),{setSearchLocation:b}=i(),h=(0,s.useRef)(null),u=(0,s.useRef)((0,r.sg)(e=>{b(e)},500));(0,s.useEffect)(()=>{u.current(e)},[e]),(0,s.useEffect)(()=>{if(!c)return;let n=new AbortController,t=setTimeout(async()=>{try{p(!0);let t=e.trim().toLowerCase(),a=await fetch("".concat(o.j,"/api/boats"),{signal:n.signal});if(!a.ok){l([]);return}let s=await a.json(),i=Array.isArray(s)?s:Array.isArray(null==s?void 0:s.data)?s.data:Array.isArray(null==s?void 0:s.results)?s.results:Array.isArray(null==s?void 0:s.boats)?s.boats:[],r=[];i.forEach(e=>{let n=(null==e?void 0:e.name)||(null==e?void 0:e.title),t=(null==e?void 0:e.location)||(null==e?void 0:e.destination)||(null==e?void 0:e.origin);n&&r.push({id:"boat-".concat(e.id||n),label:n,subLabel:t||"Houseboat",type:"Boat"}),t&&!r.some(e=>e.label===t)&&r.push({id:"location-".concat(t),label:t,subLabel:"Location",type:"Location"})});let c=t?r.filter(e=>{let n=e.label.toLowerCase(),a=String(e.subLabel||"").toLowerCase();return n.includes(t)||a.includes(t)}):r;l(c)}catch(e){"AbortError"!==e.name&&l([])}finally{n.signal.aborted||p(!1)}},250);return()=>{clearTimeout(t),n.abort()}},[e,c]);let m=e=>{n(e.label),b(e.label),d(!1)};return(0,a.jsxs)("div",{className:"single-field relative d-flex items-center",children:[(0,a.jsx)("input",{ref:h,className:"pl-50 border-light text-dark-1 h-50 rounded-8",type:"text",autoComplete:"off",placeholder:"Search location or boat name...",value:e,onChange:e=>{n(e.target.value),d(!0)},onFocus:()=>d(!0),onBlur:()=>{setTimeout(()=>d(!1),160)}}),(0,a.jsx)("button",{className:"absolute d-flex items-center h-full left-0 pl-15",children:(0,a.jsx)("i",{className:"icon-search text-20 text-light-1"})}),c&&(0,a.jsx)("div",{className:"shadow-2 bg-white rounded-8",style:{position:"absolute",left:0,right:0,top:"calc(100% + 8px)",zIndex:1e3,border:"1px solid #e5e7eb",maxHeight:"300px",overflowY:"auto"},children:x?(0,a.jsx)("div",{className:"text-center py-20 text-light-1",children:"Loading..."}):t.length>0?(0,a.jsx)("ul",{className:"y-gap-5 py-10 mb-0",children:t.map(e=>(0,a.jsx)("li",{className:"-link d-block col-12 text-left rounded-4 px-20 py-15 js-search-option mb-1",role:"button",style:{cursor:"pointer"},onMouseDown:n=>{n.preventDefault(),m(e)},children:(0,a.jsxs)("div",{className:"d-flex",style:{cursor:"pointer"},children:[(0,a.jsx)("div",{className:"".concat("Boat"===e.type?"icon-yatch":"icon-location-2"," text-light-1 text-20 pt-4")}),(0,a.jsxs)("div",{className:"ml-10",children:[(0,a.jsx)("div",{className:"text-15 lh-12 fw-500 js-search-option-target",children:e.label}),(0,a.jsx)("div",{className:"text-14 lh-12 text-light-1 mt-5",children:e.subLabel})]})]})},e.id))}):(0,a.jsx)("div",{className:"text-center py-20 text-light-1",children:e.trim()?'No suggestions found for "'.concat(e,'"'):"Start typing to search..."})})]})}var c=t(9941);let d=()=>{let{priceRange:e,setPriceRange:n}=i(),[t,r]=(0,s.useState)(e);(0,s.useEffect)(()=>{r(e)},[e]);let o=(0,s.useCallback)(e=>{r(e),n(e)},[]),l=(0,s.useCallback)(e=>{n(e)},[n]);return(0,a.jsxs)("div",{className:"js-price-rangeSlider",children:[(0,a.jsx)("div",{className:"d-flex justify-between mb-20",children:(0,a.jsxs)("div",{className:"text-15 text-dark-1",children:[(0,a.jsxs)("span",{className:"js-lower mx-1",children:["BDT ",t[0]]}),"-",(0,a.jsxs)("span",{className:"js-upper mx-1",children:["BDT ",t[1]]})]})}),(0,a.jsx)("div",{className:"px-5",style:{cursor:"pointer"},children:(0,a.jsx)(c.A,{min:0,max:1e5,step:500,value:t,range:!0,onChange:o,onChangeComplete:l,styles:{track:{backgroundColor:"#1D2872"},handle:{backgroundColor:"#1D2872",borderColor:"#1D2872",cursor:"grab"},rail:{backgroundColor:"#e0e0e0"}}})})]})},x=()=>{let[e,n]=(0,s.useState)([]),{selectedBoatTypes:t,toggleBoatType:r}=i();(0,s.useEffect)(()=>{let e=new AbortController;return(async()=>{try{let t=await fetch("".concat(o.j,"/api/boats"),{signal:e.signal});if(!t.ok){n([]);return}let a=await t.json(),s=Array.isArray(a)?a:Array.isArray(null==a?void 0:a.data)?a.data:Array.isArray(null==a?void 0:a.results)?a.results:Array.isArray(null==a?void 0:a.boats)?a.boats:[],i=[];
1s.forEach(e=>{Array.isArray(null==e?void 0:e.cabin_types)&&e.cabin_types.forEach(e=>{let n=String(e||"").trim();n&&!i.includes(n)&&i.push(n)})}),n(i)}catch(e){"AbortError"!==e.name&&n([])}})(),()=>e.abort()},[]);let l=(0,s.useCallback)(e=>{r(e)},[r]);return(0,a.jsx)(a.Fragment,{children:e.map(e=>{let n=t.includes(e);return(0,a.jsx)("div",{className:"col-auto",children:(0,a.jsx)("button",{type:"button",className:"button py-5 px-20 rounded-100 ".concat(n?"bg-blue-1 text-white":"-blue-1 bg-blue-1-05 text-blue-1"),onClick:()=>l(e),style:{cursor:"pointer",transition:"all 0.2s ease",border:n?"2px solid #1D2872":"2px solid transparent",fontWeight:n?"600":"400"},"aria-pressed":n,children:e})},e)})})};var p=t(4501);function b(){let[e,n]=(0,s.useState)([]),{selectedCabinTypes:t,toggleCabinType:r}=i(),o=(0,p.Ay)(e=>e.boatList),l=(0,p.Ay)(e=>e.fetchBoatList);(0,s.useEffect)(()=>{l()},[]);let c=[...new Set(o.flatMap(e=>e.tags||[]))];return(0,a.jsx)(a.Fragment,{children:c.map(e=>(0,a.jsx)("div",{className:"row y-gap-10 items-center justify-between",children:(0,a.jsx)("div",{className:"col-auto",children:(0,a.jsxs)("div",{className:"form-checkbox d-flex items-center",children:[(0,a.jsx)("input",{type:"checkbox",checked:t.includes(e),onChange:()=>r(e)}),(0,a.jsx)("div",{className:"form-checkbox__mark",children:(0,a.jsx)("div",{className:"form-checkbox__icon icon-check"})}),(0,a.jsx)("div",{className:"text-15 ml-10",children:e})]})})},e))})}function h(){let{selectedFacilities:e,toggleFacility:n}=i(),t=(0,p.Ay)(e=>e.boatList),r=(0,p.Ay)(e=>e.fetchBoatList);console.log("boatList",t),(0,s.useEffect)(()=>{r()},[]);let o=[...new Set(t.flatMap(e=>e.facilities||[]))];return(0,a.jsx)(a.Fragment,{children:o.map(t=>(0,a.jsx)("div",{className:"row y-gap-10 items-center justify-between",children:(0,a.jsx)("div",{className:"col-auto",children:(0,a.jsxs)("div",{className:"form-checkbox d-flex items-center",children:[(0,a.jsx)("input",{type:"checkbox",checked:e.includes(t),onChange:()=>n(t)}),(0,a.jsx)("div",{className:"form-checkbox__mark",children:(0,a.jsx)("div",{className:"form-checkbox__icon icon-check"})}),(0,a.jsx)("div",{className:"text-15 ml-10",children:t})]})})},t))})}function u(){let{selectedAmenities:e,toggleAmenity:n}=i(),t=(0,p.Ay)(e=>e.boatList),r=(0,p.Ay)(e=>e.fetchBoatList);console.log("boatList",t),(0,s.useEffect)(()=>{r()},[]);let o=[...new Set(t.flatMap(e=>e.amenities||[]))];return(0,a.jsx)(a.Fragment,{children:o.map(t=>(0,a.jsx)("div",{className:"row y-gap-10 items-center justify-between",children:(0,a.jsx)("div",{className:"col-auto",children:(0,a.jsxs)("div",{className:"form-checkbox d-flex items-center",children:[(0,a.jsx)("input",{type:"checkbox",checked:e.includes(t),onChange:()=>n(t)}),(0,a.jsx)("div",{className:"form-checkbox__mark",children:(0,a.jsx)("div",{className:"form-checkbox__icon icon-check"})}),(0,a.jsx)("div",{className:"text-15 ml-10",children:t})]})})},t))})}let m=()=>{let{selectedCabinTypes:e,selectedFacilities:n,selectedAmenities:t,selectedBoatTypes:r,priceRange:o,clearAll:c,toggleCabinType:p,toggleFacility:m,toggleAmenity:g,setPriceRange:f}=i(),j=0!==o[0]||1e5!==o[1],v=e.length+n.length+t.length+r.length+(j?1:0),w=(0,s.useRef)(v);return(0,s.useEffect)(()=>{let e=w.current;if(v>0&&e!==v){var n,t,a,s;let e=document.getElementById("boatListingSidebar");if(!e)return;try{if(null===(a=window)||void 0===a?void 0:null===(t=a.bootstrap)||void 0===t?void 0:t.Offcanvas){let n=window.bootstrap.Offcanvas.getInstance(e)||new window.bootstrap.Offcanvas(e);null==n||null===(s=n.hide)||void 0===s||s.call(n);return}}catch(e){}let i=e.querySelector('[data-bs-dismiss="offcanvas"]');null==i||null===(n=i.click)||void 0===n||n.call(i)}w.current=v},[v]),(0,a.jsxs)(a.Fragment,{children:[v>0&&(0,a.jsx)("div",{className:"sidebar__item -no-border",children:(0,a.jsxs)("div",{className:"d-flex items-center justify-between",children:[(0,a.jsxs)("span",{className:"text-14 text-light-1",children:[v," filter",v>1?"s":""," applied"]}),(0,a.jsx)("button",{onClick:()=>{c()},className:"text-14 text-blue-1 underline",style:{background:"none",border:"none",cursor:"pointer"},children:"Clear all"})]})}),(0,a.jsxs)("div",{className:"sidebar__item -no-border",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Search by location"}),(0,a.jsx)(l,{})]}),(0,a.jsxs)("div",{className:"sidebar__item pb-30",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Price Range"}),(0,a.jsx)("div",{className:"row x-gap-10 y-gap-30",children:(0,a.jsx)("div",{className:"col-12",children:(0,a.jsx)(d,{})})})]}),(0,a.jsxs)("div",{className:"sidebar__item",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Boat Type"}),(0,a.jsx)("div",{className:"row x-gap-10 y-gap-10 pt-10",children:(0,a.jsx)(x,{})})]}),(0,a.jsxs)("div",{className:"sidebar__item",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Cabin Type"}),(0,a.jsx)("div",{className:"sidebar-checkbox",children:(0,a.jsx)(b,{})})]}),(0,a.jsxs)("div",{className:"sidebar__item",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Facilities"}),(0,a.jsx)("div",{className:"sidebar-checkbox",children:(0,a.jsx)(h,{})})]}),(0,a.jsxs)("div",{className:"sidebar__item",children:[(0,a.jsx)("h5",{className:"text-18 fw-500 mb-10",children:"Amenities"}),(0,a.jsx)("div",{className:"sidebar-checkbox",children:(0,a.jsx)(u,{})})]})]})};var g=t(58803),f=t.n(g);let j=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("style",{children:"\n .skeleton {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: shimmer 1.5s infinite;\n border-radius: 6px;\n }\n\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n\n .boat-skeleton-card {\n display: flex;\n gap: 20px;\n background: #fff;\n border: 1px solid #e2e8f0;\n border-radius: 16px;\n padding: 16px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .boat-skeleton-image {\n width: 260px;\n min-width: 260px;\n height: 200px;\n border-radius: 12px;\n }\n\n .boat-skeleton-body {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 8px 0;\n }\n\n .boat-skeleton-title {\n height: 22px;\n width: 60%;\n }\n\n .boat-skeleton-location {\n height: 16px;\n width: 40%;\n }\n\n .boat-skeleton-tags {\n display: flex;\n gap: 8px;\n }\n\n .boat-skeleton-tag {\n height: 28px;\n width: 80px;\n border-radius: 999px;\n }\n\n .boat-skeleton-desc {\n height: 14px;\n width: 90%;\n }\n\n .boat-skeleton-desc-short {\n height: 14px;\n width: 70%;\n }\n\n .boat-skeleton-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: auto;\n }\n\n .boat-skeleton-price {\n height: 28px;\n width: 120px;\n }\n\n .boat-skeleton-btn {\n height: 44px;\n width: 130px;\n border-radius: 8px;\n }\n\n @media (max-width: 768px) {\n .boat-skeleton-card {\n flex-direction: column;\n }\n .boat-skeleton-image {\n width: 100%;\n min-width: unset;\n height: 180px;\n }\n }\n "}),(0,a.jsxs)("div",{className:"boat-skeleton-card",children:[(0,a.jsx)("div",{className:"skeleton boat-skeleton-image"}),(0,a.jsxs)("div",{className:"boat-skeleton-body",children:[(0,a.jsx)("div",{className:"skeleton boat-skeleton-title"}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-location"}),(0,a.jsxs)("div",{className:"boat-skeleton-tags",children:[(0,a.jsx)("div",{className:"skeleton boat-skeleton-tag"}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-tag"}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-tag"})]}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-desc"}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-desc-short"}),(0,a.jsxs)("div",{className:"boat-skeleton-footer",children:[(0,a.jsx)("div",{className:"skeleton boat-skeleton-price"}),(0,a.jsx)("div",{className:"skeleton boat-skeleton-btn"})]})]})]})]});
1var v=t(48173),w=t.n(v),y=t(76046),N=t(50847),k=t(13970);function _(e){let{initialBoats:n=[],checkIn:t,checkOut:s,location:r,rooms:o,adults:l,children:c}=e,d=(0,y.useRouter)(),{priceRange:x,selectedFacilities:p,selectedAmenities:b,selectedBoatTypes:h}=i(),u=n.filter(e=>{let n=e.starting_price||e.price||0;if(n<x[0]||n>x[1])return!1;if(h.length>0){let n=Array.isArray(e.cabin_types)?e.cabin_types.map(e=>String(e||"").toLowerCase()):[];if(!h.some(e=>n.includes(e.toLowerCase())))return!1}return(!(p.length>0)||!!p.every(n=>{var t;return null===(t=e.facilities)||void 0===t?void 0:t.includes(n)}))&&(!(b.length>0)||!!b.every(n=>{var t;return null===(t=e.amenities)||void 0===t?void 0:t.includes(n)}))}),m=e=>{let n=new URLSearchParams;t&&n.set("check_in",t),s&&n.set("check_out",s),l&&n.set("adults",l),c&&n.set("children",c),o&&n.set("rooms",o);let a=n.toString();return(0,N.RO)(e.slug,a)||"/houseboat/".concat(e.id).concat(a?"?".concat(a):"")},g=e=>{if(!e.original_price)return null},f=e=>e>=4.8?"Exceptional":e>=4.5?"Excellent":e>=4?"Very Good":e>=3.5?"Good":"",j=e=>{let n=e.origin||e.from_ghat||e.ghat_name||"Starting Ghat";return e.destination||e.to_ghat||e.destination_ghat,"".concat(n)},v=(e,n)=>{window.matchMedia("(max-width: 768px)").matches&&(n.target.closest("a, button")||d.push(m(e)))};return 0===u.length?(0,a.jsxs)("div",{className:"col-12 text-center mt-30",children:[(0,a.jsx)("p",{className:"text-18 fw-500",children:"No boats match your filters"}),(0,a.jsx)("p",{className:"text-15 text-light-1 mt-10",children:"Try adjusting or clearing your filters"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("style",{children:"\n .boat-card {\n display: flex;\n background: #fff;\n border: 1px solid #e5e7eb;\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: 20px;\n height: 300px;\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);\n transition: all .3s ease;\n position: relative;\n }\n\n .boat-card:hover {\n box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.15);\n transform: translateY(-2px);\n }\n\n .bcard-image-wrap {\n position: relative;\n width: 250px;\n min-width: 250px;\n height: 100%;\n flex-shrink: 0;\n }\n\n .bcard-image-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n }
1\n\n .bcard-wishlist {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 34px;\n height: 34px;\n background: #fff;\n border-radius: 50%;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n color: #94a3b8;\n transition: color .2s;\n }\n\n .bcard-wishlist i {\n font-size: 13px;\n }\n\n .bcard-wishlist:hover {\n color: #e11d48;\n }\n\n .bcard-body {\n flex: 1;\n min-width: 0;\n padding: 22px 22px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .bcard-name {\n display: inline-block;\n font-size: 18px;\n font-weight: 700;\n color: #1D2872;\n text-decoration: none;\n line-height: 1.3;\n margin-bottom: 4px;\n }\n\n .bcard-name:hover {\n color: #1D2872;\n text-decoration: underline;\n }\n\n .bcard-location {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: #697488;\n margin-bottom: 14px;\n min-width: 0;\n }\n\n .bcard-location svg {\n color: #94a3b8;\n font-size: 12px;\n flex-shrink: 0;\n }\n\n .bcard-location-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .bcard-partner {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n border: 1.5px solid #1D2872;\n border-radius: 999px;\n padding: 6px 14px;\n font-size: 13px;\n font-weight: 600;\n color: #1D2872;\n width: fit-content;\n margin-bottom: 14px;\n }\n\n .bcard-partner svg {\n font-size: 13px;\n }\n\n .bcard-cabin-row {\n font-size: 14px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .bcard-cabin-icon {\n color: #64748b;\n font-size: 14px;\n }\n\n .bcard-urgency {\n font-size: 13px;\n font-weight: 700;\n color: #16a34a;\n margin-bottom: 16px;\n }\n\n .bcard-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .bcard-tag,\n .bcard-tag-more {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 30px;\n background: #f1f5f9;\n border-radius: 999px;\n padding: 6px 14px;\n font-size: 12.5px;\n color: #475569;\n font-weight: 700;\n }\n\n .bcard-tag-more {\n color: #1D2872;\n }\n\n .bcard-price-panel {\n width: 205px;\n min-width: 205px;\n padding: 22px 20px 16px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n justify-content: space-between;\n border-left: 1px solid #f1f5f9;\n flex-shrink: 0;\n }\n\n .bcard-rating-row {\n display: flex;\n align-items: center;\n gap: 9px;\n justify-content: flex-end;\n margin-bottom: 18px;\n }\n\n .bcard-rating-label {\n font-size: 18px;\n font-weight: 700;\n color: #0f172a;\n }\n\n .bcard-rating-badge {\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #1D2872;\n color: #fff;\n font-size: 14px;\n font-weight: 800;\n border-radius: 7px;\n }\n\n .bcard-discount {\n background: #fef3c7;\n color: #92400e;\n font-size: 13px;\n font-weight: 800;\n padding: 8px 14px;\n border-radius: 6px;\n text-align: center;\n margin-bottom: 18px;\n }\n\n .bcard-price-wrap {\n text-align: right;\n margin-top: auto;\n }\n\n .bcard-original-price {\n font-size: 13px;\n color: #94a3b8;\n text-decoration: line-through;\n margin-bottom: 2px;\n }\n\n .bcard-price {\n font-size: 26px;\n font-weight: 750;\n color: #0f172a;\n line-height: 1.1;\n }\n\n .bcard-price-note {\n font-size: 12px;\n color: #64748b;\n margin-top: 5px;\n }\n\n .bcard-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n width: 100%;\n background: #1D2872;\n color: #fff;\n border: none;\n border-radius: 12px;\n padding: 10px 16px;\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n text-decoration: none;\n transition: background .2s;\n margin-top: 10px;\n }\n\n .bcard-btn:hover {\n background: #162060;\n color: #fff;\n }\n\n @media (max-width: 768px) {\n .boat-card {\n display: grid;\n grid-template-columns: 140px 1fr;\n grid-template-rows: auto auto;\n height: auto;\n cursor: pointer;\n }\n\n .bcard-image-wrap {\n grid-column: 1 / 2;\n grid-row: 1 / 3;\n width: 140px;\n min-width: 140px;\n min-height: 100%;\n }\n\n .bcard-image-wrap img {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-height: 100%;\n position: absolute;\n inset: 0;\n }
1\n\n .bcard-wishlist {\n width: 26px;\n height: 26px;\n top: 8px;\n right: 8px;\n }\n\n .bcard-body {\n grid-column: 2 / 3;\n grid-row: 1 / 2;\n padding: 10px 12px;\n }\n\n .bcard-name {\n display: block;\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 2px;\n }\n\n .bcard-location {\n gap: 5px;\n font-size: 10px;\n margin-bottom: 6px;\n }\n\n .bcard-partner {\n padding: 3px 8px;\n font-size: 10px;\n margin-bottom: 8px;\n }\n\n .bcard-cabin-row,\n .bcard-urgency,\n .bcard-tags {\n display: none;\n }\n\n .bcard-price-panel {\n grid-column: 2 / 3;\n grid-row: 2 / 3;\n width: 100%;\n min-width: unset;\n padding: 8px 0 8px 12px;\n border-left: none;\n border-top: 1px solid #e5e7eb;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .bcard-rating-row,\n .bcard-btn {\n display: none;\n }\n\n .bcard-discount {\n order: 2;\n font-size: 10px;\n padding: 3px 8px;\n margin: 0 8px 0 auto;\n }\n\n .bcard-price-wrap {\n order: 1;\n text-align: left;\n margin-top: 0;\n }\n\n .bcard-original-price {\n display: inline;\n font-size: 10px;\n margin-right: 5px;\n }\n\n .bcard-price {\n display: inline;\n font-size: 20px;\n line-height: 1.3;\n margin-right: 3px;\n }\n\n .bcard-price-note {\n display: block;\n font-size: 11px;\n line-height: 1.3;\n margin: 2px 0 0;\n }\n }\n\n @media (max-width: 480px) {\n .boat-card {\n grid-template-columns: 125px 1fr;\n }\n\n .bcard-image-wrap {\n width: 125px;\n min-width: 125px;\n }\n\n .bcard-name {\n font-size: 15px;\n }\n\n .bcard-price {\n font-size: 18px;\n }\n }\n "}),(0,a.jsx)("div",{className:"col-12",children:u.map(e=>{let n=g(e),t=e.facilities.slice(0,2),s=e.facilities.length-2,i=Number(e.rating||0);return(0,a.jsxs)("div",{className:"boat-card",onClick:n=>v(e,n),children:[(0,a.jsxs)("div",{className:"bcard-image-wrap",children:[(0,a.jsx)("img",{src:e.image,alt:e.name}),(0,a.jsx)("button",{className:"bcard-wishlist",type:"button","aria-label":"Save",children:(0,a.jsx)("i",{className:"icon-heart"})})]}),(0,a.jsx)("div",{className:"bcard-body",children:(0,a.jsxs)("div",{children:[(0,a.jsx)(w(),{href:m(e),className:"bcard-name",children:e.name}),(0,a.jsxs)("div",{className:"bcard-location",children:[(0,a.jsx)(k.sIY,{}),(0,a.jsx)("span",{className:"bcard-location-text",children:e.location})]}),(0,a.jsxs)("div",{className:"bcard-partner",children:[(0,a.jsx)(k.$Fg,{})," ",j(e)]}),(0,a.jsxs)("div",{className:"bcard-cabin-row",children:[e.lowest_price_cabin_name,(0,a.jsx)("i",{className:"icon-bed bcard-cabin-icon"}),e.capacity," guests max"]}),(0,a.jsxs)("div",{className:"bcard-urgency",children:["Only ",Math.floor(5*Math.random())+1," cabins left at this price"]}),(0,a.jsxs)("div",{className:"bcard-tags",children:[t.map((e,n)=>(0,a.jsx)("span",{className:"bcard-tag",children:e},n)),s>0&&(0,a.jsxs)("span",{className:"bcard-tag-more",children:["+",s," more"]})]})]})}),(0,a.jsxs)("div",{className:"bcard-price-panel",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"bcard-rating-row",children:[(0,a.jsx)("span",{className:"bcard-rating-label",children:f(i)}),(0,a.jsx)("span",{className:"bcard-rating-badge",children:i.toFixed(1)})]}),n&&(0,a.jsxs)("div",{className:"bcard-discount",children:["Save ",n,"%"]})]}),(0,a.jsxs)("div",{className:"bcard-price-wrap",children:[e.original_price&&(0,a.jsxs)("div",{className:"bcard-original-price",children:["BDT ",e.original_price.toLocaleStr
1ing()]}),(0,a.jsxs)("div",{className:"bcard-price",children:["BDT ",e.starting_price.toLocaleString()]}),(0,a.jsx)("div",{className:"bcard-price-note",children:"per person, per trip"}),(0,a.jsxs)(w(),{href:m(e),className:"bcard-btn",children:["See availability",(0,a.jsx)("i",{className:"icon-arrow-top-right text-14"})]})]})]})]},e.id)})})]})}function z(e){let{initialBoats:n=[],searchParams:t={},checkIn:r,checkOut:o,location:l,rooms:c,adults:d,children:x,roomsData:b,onBoatsUpdate:h}=e,[u,m]=(0,s.useState)(n),[g,v]=(0,s.useState)((null==t?void 0:t.sort_by)||"default"),[w,y]=(0,s.useState)((null==n?void 0:n.length)===0),[N,k]=(0,s.useState)(!0),[z,S]=(0,s.useState)(null),[C,A]=(0,s.useState)(n.length),L=(0,s.useRef)(null),T=(0,s.useRef)(!1),E=(0,s.useRef)(new Set(n.map(e=>e.id))),D=(0,s.useRef)(!1),B=(0,s.useRef)(!1),F=(0,s.useRef)(!1),R=i(e=>e.selectedCabinTypes),M=i(e=>e.searchLocation),O=JSON.stringify({location:M||l||"",checkIn:r||"",checkOut:o||"",rooms:c||"",adults:d||"",children:x||"",roomsData:b||null}),[I,P]=(0,s.useState)(O),H=w||I!==O;(0,s.useEffect)(()=>{null==h||h(u)},[u,h]);let Y=(0,s.useMemo)(()=>g&&"default"!==g&&("price_asc"===g||"price_desc"===g)?[...u].sort((e,n)=>{var t,a;let s=Number((null===(t=e.meta)||void 0===t?void 0:t.starting_price)||e.starting_price||e.price||0),i=Number((null===(a=n.meta)||void 0===a?void 0:a.starting_price)||n.starting_price||n.price||0);return"price_asc"===g?s-i:i-s}):u,[u,g]);(0,s.useEffect)(()=>{(null==n?void 0:n.length)>0&&(D.current=!0,m(n),A(n.length),E.current=new Set(n.map(e=>e.id)),y(!1))},[n]),(0,s.useEffect)(()=>{0!==n.length||T.current||D.current||(D.current=!0,G())},[]),(0,s.useEffect)(()=>{if(D.current){if(!B.current){B.current=!0;return}m([]),A(0),k(!0),S(null),v("default"),P(O),E.current=new Set,T.current||G()}},[l,r,o,c,d,x,b,M,O]);let G=async()=>{if(!T.current){T.current=!0,y(!0),S(null);try{var e,n,a;let s={location:M||l,check_in:r,check_out:o,rooms:c?Number(c):1,adults:d?Number(d):2,children:x?Number(x):0,rooms_data:b||null,page:1,page_size:10,sort_by:(null==t?void 0:t.sort_by)||void 0},i=await (0,p.IF)(s);if(i.success&&(null===(e=i.results)||void 0===e?void 0:e.length)>0){let e=i.results.filter(e=>!E.current.has(e.id));e.forEach(e=>E.current.add(e.id)),m(e),A(e.length),k(null!==(a=null===(n=i.pagination)||void 0===n?void 0:n.has_next)&&void 0!==a?a:i.results.length>=10)}else k(!1)}catch(e){S(e.message)}finally{y(!1),T.current=!1}}},U=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!T.current){T.current=!0,y(!0),S(null);try{let s={location:M||l,check_in:r,check_out:o,rooms:c?Number(c):1,adults:d?Number(d):2,children:x?Number(x):0,rooms_data:b||null,page:1,page_size:10,cabin_types:e,sort_by:(null==t?void 0:t.sort_by)||void 0},i=await (0,p.IF)(s);if(i.success&&i.results){var n,a;let e=i.results.filter(e=>!E.current.has(e.id));E.current=new Set(e.map(e=>e.id)),m(e),A(e.length),k(null!==(a=null===(n=i.pagination)||void 0===n?void 0:n.has_next)&&void 0!==a?a:i.results.length>=10)}else m([]),k(!1)}catch(e){S(e.message)}finally{y(!1),T.current=!1}}},W=(0,s.useCallback)(async()=>{if(!T.current&&N){T.current=!0,y(!0),S(null);try{let a=Math.floor(C/10)+1,s={location:M||l,check_in:r,check_out:o,rooms:c?Number(c):1,adults:d?Number(d):2,children:x?Number(x):0,rooms_data:b||null,page:a,page_size:10,sort_by:(null==t?void 0:t.sort_by)||void 0},i=await (0,p.IF)(s);if(i.success&&i.results){let t=i.results.filter(e=>!E.current.has(e.id));if(t.forEach(e=>E.current.add(e.id)),t.length>0){var e,n;m(e=>[...e,...t]),A(e=>e+t.length),k(null!==(n=null===(e=i.pagination)||void 0===e?void 0:e.has_next)&&void 0!==n?n:i.results.length>=10)}else k(!1)}else k(!1)}catch(e){S(e.message)}finally{y(!1),T.current=!1}}},[C,N,r,o,l,c,d,x,b,t,M]);return(0,s.useEffect)(()=>{!w&&N&&L.current&&L.current.getBoundingClientRect().top<=window.innerHeight+200&&!T.current&&W()},[w,N,W]),(0,s.useEffect)(()=>{let e=new IntersectionObserver(e=>{e[0].isIntersecting&&!T.current&&N&&W()},{threshold:0,rootMargin:"200px"}),n=L.current;return n&&e.observe(n),()=>{n&&e.unobserve(n)}},[W,N]),(0,s.useEffect)(()=>
1{if(D.current){if(!F.current){F.current=!0;return}(null==R?void 0:R.length)>0?U(R):(m([]),A(0),k(!0),E.current=new Set,G())}},[R]),(0,a.jsxs)("div",{className:"jsx-3c8396797aa6b507",children:[(0,a.jsx)(f(),{id:"3c8396797aa6b507",children:".boat-list-container.jsx-3c8396797aa6b507{margin-top:-25px}@media(max-width:991px){.boat-list-container.jsx-3c8396797aa6b507{margin-top:-65px}}.sort-dropdown-menu.jsx-3c8396797aa6b507{min-width:220px;padding:8px 0;margin-top:8px;background:#fff;border:1px solid#e5e7eb;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.15);-moz-box-shadow:0 10px 40px rgba(0,0,0,.15);box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:9999}.sort-dropdown-item.jsx-3c8396797aa6b507{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;font-size:15px;color:#334155;background:transparent;border:none;width:100%;text-align:left;-webkit-transition:all.2s;-moz-transition:all.2s;-o-transition:all.2s;transition:all.2s;cursor:pointer}.sort-dropdown-item.jsx-3c8396797aa6b507:hover{background:#f8fafc;color:#1D2872}.sort-dropdown-item.active.jsx-3c8396797aa6b507{background:#eff6ff;color:#1D2872;font-weight:500}.sort-dropdown-item.jsx-3c8396797aa6b507 i.jsx-3c8396797aa6b507{margin-right:12px;font-size:16px}.sort-button.jsx-3c8396797aa6b507{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;background:#fff;color:#1D2872;border:1px solid#1D2872;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:all.2s;-moz-transition:all.2s;-o-transition:all.2s;transition:all.2s;-webkit-box-shadow:0 2px 8px rgba(29,40,114,.1);-moz-box-shadow:0 2px 8px rgba(29,40,114,.1);box-shadow:0 2px 8px rgba(29,40,114,.1)}.sort-button.jsx-3c8396797aa6b507:hover{background:#1D2872;color:#fff;-webkit-transform:translatey(-1px);-moz-transform:translatey(-1px);-ms-transform:translatey(-1px);-o-transform:translatey(-1px);transform:translatey(-1px);-webkit-box-shadow:0 4px 12px rgba(29,40,114,.2);-moz-box-shadow:0 4px 12px rgba(29,40,114,.2);box-shadow:0 4px 12px rgba(29,40,114,.2)}@media(max-width:768px){.sort-button.jsx-3c8396797aa6b507{padding:8px 16px;font-size:14px}}"}),(0,a.jsxs)("div",{className:"jsx-3c8396797aa6b507 boat-list-container",children:[(0,a.jsx)("div",{className:"jsx-3c8396797aa6b507 d-flex justify-end mb-15",children:(0,a.jsxs)("div",{className:"jsx-3c8396797aa6b507 dropdown js-dropdown",children:[(0,a.jsxs)("button",{"data-bs-toggle":"dropdown","data-bs-auto-close":"true","aria-expanded":"false",className:"jsx-3c8396797aa6b507 sort-button dropdown-toggle",children:[(0,a.jsx)("i",{className:"jsx-3c8396797aa6b507 icon-up-down"}),"default"===g&&"Sort by Popularity","price_asc"===g&&"Price: Low to High","price_desc"===g&&"Price: High to Low"]}),(0,a.jsxs)("ul",{className:"jsx-3c8396797aa6b507 dropdown-menu dropdown-menu-end sort-dropdown-menu",children:[(0,a.jsx)("li",{className:"jsx-3c8396797aa6b507",children:(0,a.jsxs)("button",{onClick:()=>v("default"),className:"jsx-3c8396797aa6b507 "+"sort-dropdown-item ".concat("default"===g?"active":""),children:[(0,a.jsx)("i",{className:"jsx-3c8396797aa6b507 icon-star"})," Sort by Popularity"]})}),(0,a.jsx)("li",{className:"jsx-3c8396797aa6b507",children:(0,a.jsxs)("button",{onClick:()=>v("price_asc"),className:"jsx-3c8396797aa6b507 "+"sort-dropdown-item ".concat("price_asc"===g?"active":""),children:[(0,a.jsx)("i",{className:"jsx-3c8396797aa6b507 icon-arrow-top-right"})," Price: Low to High"]})}),(0,a.jsx)("li",{className:"jsx-3c8396797aa6b507",children:(0,a.jsxs)("button",{onClick:()=>v("price_desc"),className:"jsx-3c8396797aa6b507 "+"sort-dropdown-item ".concat("price_desc"===g?"active":""),children:[(0,a.jsx)("i",{style:{transform:"rotate(180deg)"},className:"jsx-3c8396797aa6b507 icon-arrow-top-right"}
1),"Price: High to Low"]})})]})]})}),Y.length>0&&(0,a.jsx)(_,{initialBoats:Y,checkIn:r,checkOut:o,location:l,rooms:c,adults:d,children:x,roomsData:b}),H&&(0,a.jsx)("div",{className:"jsx-3c8396797aa6b507 mt-20",children:[void 0,void 0,void 0].map((e,n)=>(0,a.jsx)(j,{},"skeleton-".concat(n)))}),z&&(0,a.jsx)("div",{className:"jsx-3c8396797aa6b507 col-12 text-center mt-30",children:(0,a.jsxs)("div",{className:"jsx-3c8396797aa6b507 bg-red-50 border border-red-200 rounded-8 p-20",children:[(0,a.jsxs)("p",{className:"jsx-3c8396797aa6b507 text-red-600 mb-10",children:["Failed to load boats: ",z]}),(0,a.jsx)("button",{onClick:()=>{S(null),W()},className:"jsx-3c8396797aa6b507 button h-50 px-24 -blue-1 bg-blue-1 text-white",children:"Retry"})]})}),!N&&u.length>0&&!H&&(0,a.jsx)("div",{className:"jsx-3c8396797aa6b507 col-12 text-center mt-30",children:(0,a.jsxs)("p",{className:"jsx-3c8396797aa6b507 text-15 text-light-1",children:["You've reached the end. ",u.length," boat",1!==u.length?"s":""," found."]})}),!H&&0===u.length&&!z&&(0,a.jsxs)("div",{className:"jsx-3c8396797aa6b507 col-12 text-center mt-30",children:[(0,a.jsx)("p",{className:"jsx-3c8396797aa6b507 text-18 fw-500",children:"No boats found"}),(0,a.jsx)("p",{className:"jsx-3c8396797aa6b507 text-15 text-light-1 mt-10",children:"Try adjusting your search criteria"})]}),(0,a.jsx)("div",{ref:L,style:{height:"1px",marginTop:"20px"},"aria-hidden":"true",className:"jsx-3c8396797aa6b507"})]})]})}let S=e=>{let{boats:n,checkIn:t,checkOut:i,location:r,rooms:o,adults:l,children:c,roomsData:d,searchParams:x}=e,[p,b]=(0,s.useState)(n);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("style",{children:"\n .filter-float-btn {\n position: fixed;\n bottom: 90px;\n right: 20px;\n z-index: 1050;\n\n border: none;\n border-radius: 100%;\n padding:20px 22px;\n\n background: #1D2872;\n color: #fff;\n font-size: 14px;\n font-weight: 600;\n\n box-shadow:\n 0 10px 25px rgba(8, 21, 37, 0.25),\n 0 0 0 rgba(8, 21, 37, 0.4);\n }"}),(0,a.jsxs)("div",{className:"col-xl-3",children:[(0,a.jsx)("aside",{className:"sidebar y-gap-40 xl:d-none",children:(0,a.jsx)(m,{})}),(0,a.jsxs)("div",{className:"offcanvas offcanvas-start",tabIndex:"-1",id:"boatListingSidebar",children:[(0,a.jsxs)("div",{className:"offcanvas-header",children:[(0,a.jsx)("h1",{className:"offcanvas-title",children:"Filter Boats"}),(0,a.jsx)("button",{type:"button",className:"btn-close","data-bs-dismiss":"offcanvas","aria-label":"Close"})]}),(0,a.jsx)("div",{className:"offcanvas-body",children:(0,a.jsx)("aside",{className:"sidebar y-gap-40 xl:d-block",children:(0,a.jsx)(m,{})})})]})]}),(0,a.jsxs)("div",{className:"col-xl-9",children:[(0,a.jsx)("div",{className:"d-xl-none mb-20",children:(0,a.jsx)("button",{className:"filter-float-btn",type:"button","data-bs-toggle":"offcanvas","data-bs-target":"#boatListingSidebar","aria-controls":"boatListingSidebar",children:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-sliders-horizontal-icon lucide-sliders-horizontal",children:[(0,a.jsx)("path",{d:"M10 5H3"}),(0,a.jsx)("path",{d:"M12 19H3"}),(0,a.jsx)("path",{d:"M14 3v4"}),(0,a.jsx)("path",{d:"M16 17v4"}),(0,a.jsx)("path",{d:"M21 12h-9"}),(0,a.jsx)("path",{d:"M21 19h-5"}),(0,a.jsx)("path",{d:"M21 5h-7"}),(0,a.jsx)("path",{d:"M8 10v4"}),(0,a.jsx)("path",{d:"M8 12H3"})]})})}),(0,a.jsx)("div",{className:"row y-gap-30",children:(0,a.jsx)(z,{initialBoats:n,searchParams:x,checkIn:t,checkOut:i,location:r,rooms:o,adults:l,children:c,roomsData:d,onBoatsUpdate:e=>{b(e)}},"".concat(r,"-").concat(t,"-").concat(i,"-").concat(l,"-").concat(c,"-").concat(o))})]})]})}},21930:(e,n,t)=>{"use strict";t.d(n,{j:()=>a});let a="https://tbai-api-new.tripbooking.ai"},50847:(e,n,t)=>{"use strict";function a(e,n,t){if(!n)return null;let a=e?e&&"string"==typeof e?e.toLowerCase().replace(/['''`]/g,"").replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,""):"":"bangladesh",s="/hotel/".concat(a,"/").concat(n);return t?"".concat(s,"?").concat(t):s}function s(e,n){if(!e)return null;let t="/houseboat/".concat(encodeURIComponent(e));return n?"".concat(t,"?").concat(n):t}t.d(n,{RO:()=>s,fF:()=>a})},86416:(e,n,t)=>{"use strict";function a(e,n){let t=null;return function(){for(var a=arguments.length,s=Array(a),i=0;i<a;i++)s[i]=arguments[i];t&&clearTimeout(t),t=setTimeout(()=>{e(...s),t=null},n)}}t.d(n,{sg:()=>a})},4617:(e,n)=>{var t;!function(){"use strict";var a={}.hasOwnProperty;function s(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=i(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)a.call(e,t)&&e[t]&&(n=i(n,t));return n}(t)))}return e}function i(e,n){return n?e?e+" "+n:e+n:e}e.exports?(s.default=s,e.exports=s):void 0!==(t=(function(){return s}).apply(n,[]))&&(e.exports=t)}()}},e=>{var n=n=>e(e.s=n);e.O(0,[6446,8173,2738,9941,8975,8441,1517,7358],()=>n(89063)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.