{"version":3,"file":"static/chunks/178-eeb6c13ac93a8a8a.js","mappings":"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","sources":["webpack://_N_E/./src/components/Loader/Loader.js","webpack://_N_E/./src/components/Search/SingleHotelsearchform.js","webpack://_N_E/./src/components/Search/Search.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["import React from \"react\";\r\nimport Head from \"next/head\";\r\nimport styles from \"./Loader.module.scss\"\r\n\r\nexport default function Loader() {\r\n    return (\r\n        <>\r\n            <section className={styles.loader_main} role=\"alertdialog\" aria-busy=\"true\" aria-live=\"polite\" aria-label=\"Loading…\">\r\n                <div className={styles.loader} aria-hidden=\"true\">\r\n                    <div className={styles.loader__sq}></div>\r\n                    <div className={styles.loader__sq}></div>\r\n                </div>\r\n                <div className={styles.loading_text}></div>\r\n            </section>\r\n        </>\r\n    )\r\n}","import React, { useEffect, useRef, useState } from \"react\";\nimport { useRouter } from \"next/router\";\nimport styles from \"./Search.module.scss\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport moment from \"moment\";\nimport Image from \"next/image\";\nimport { addDays } from 'date-fns';\nimport Loader from \"../Loader/Loader\";\nimport NewLoader from \"../Loader/NewLoader\";\n\nfunction SingleHotelsearchform(props) {\n    const router = useRouter();\n    const queryParams = router.query;\n    const token = props?.hotel_token;\n\n    const [openOptions, setOpenOptions] = useState(false);\n    const optionsRef = useRef(null);\n    const [loader, setLoader] = useState(false);\n\n    const [startDate, setStartDate] = useState(new Date());\n    const [endDate, setEndDate] = useState(() => {\n        const tomorrow = addDays(new Date(), 1);\n        return tomorrow;\n    });\n\n    const [property, setProperty] = useState('');\n    const [property_city, setProperty_city] = useState(queryParams.property_city || '');\n    const [hotelID, setHotelID] = useState(17);\n    const [adult, setAdults] = useState(Number(queryParams.adult) || 2);\n    const [children, setChildrens] = useState(Number(queryParams.children) || 0);\n    const [rooms, setRooms] = useState(Number(queryParams.room) || 1);\n    const [noOfNights, setNoOfNights] = useState(queryParams.npOfNights || 1);\n    const [childAge, setChildAge] = useState([]);\n    const [updatedRooms, setUpdatedRooms] = useState(1);\n\n    const [checkin, setCheckin] = useState({\n        day: router.query.checkinDay || \"\",\n        month: router.query.checkinMonth || \"\",\n        year: router.query.checkinYear || \"\",\n    });\n\n    const [checkout, setCheckout] = useState({\n        day: router.query.checkoutDay || \"\",\n        month: router.query.checkoutMonth || \"\",\n        year: router.query.checkoutYear || \"\",\n    });\n\n    useEffect(() => {\n        const updateDateState = (date, setStateFunction) => {\n            if (date !== null) {\n                const day = date.getDate();\n                const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\n                const year = date.getFullYear();\n                setStateFunction({ day, month, year });\n            }\n        };\n\n        updateDateState(startDate, setCheckin);\n        updateDateState(endDate, setCheckout);\n\n        const nights = moment(endDate).diff(moment(startDate), 'days');\n        setNoOfNights(nights > 0 ? nights : 1);\n\n    }, [startDate, endDate]);\n\n    const onChange = (dates) => {\n        const [start, end] = dates;\n        setStartDate(start);\n        setEndDate(end);\n        const dateRange = `${moment(start).format(\"YYYY-MM-DD\")}+${moment(\n            end\n        ).format(\"YYYY-MM-DD\")}`;\n        ;\n    };\n\n    const formated_start_date = moment(startDate).format(\"YYYY-MM-DD\");\n    const formated_end_date = moment(endDate).format(\"YYYY-MM-DD\");\n\n    const checkin_out_date = moment(startDate).format('YYYY-MM-DD') + '+' + moment(endDate).format('YYYY-MM-DD')\n\n    const onAdultIncrease = () => {\n        const newAdult = adult + 1;\n        setAdults(newAdult);\n        if (newAdult > 1 && newAdult % 2 === 0 && rooms < newAdult / 2) {\n            setRooms(rooms + 1);\n        }\n    };\n\n    const onAdultDecrease = () => {\n        if (adult > 1) {\n            const newAdult = adult - 1;\n            setAdults(newAdult);\n            if (newAdult % 2 !== 0 && rooms > 1) {\n                setRooms(rooms - 1);\n            }\n        }\n    };\n\n    const handleChildrenAgeChange = (index, event) => {\n        const ages = [...childAge];\n        ages[index] = event.target.value;\n        setChildAge(ages);\n    };\n\n    const onChildDecrease = (e) => {\n        e.preventDefault();\n        // if (children > 0) {\n        setChildrens(children - 1);\n        setChildAge(childAge.slice(0, childAge.length - 1));\n        // }\n    };\n\n    const onChildIncrease = (e) => {\n        e.preventDefault();\n        // if (children < 2) {\n        setChildrens(children + 1);\n        setChildAge([...childAge, \"\"]);\n        // }\n    };\n\n    const formatDate = (date) => {\n        const year = date.getFullYear();\n        const month = (date.getMonth() + 1).toString().padStart(2, '0');\n        const day = date.getDate().toString().padStart(2, '0');\n        return `${year}-${month}-${day}`;\n    };\n\n    useEffect(() => {\n        if (router.query.checkinDay && router.query.checkinMonth && router.query.checkinYear && router.query.checkoutDay && router.query.checkoutMonth && router.query.checkoutYear) {\n\n            const { checkinDay, checkinMonth, checkinYear, checkoutDay, checkoutMonth, checkoutYear } = router.query;\n\n            const formatDateToString = (year, month, day) => {\n                const paddedMonth = String(month).padStart(2, '0');\n                const paddedDay = String(day).padStart(2, '0');\n                return `${year}-${paddedMonth}-${paddedDay}`;\n            };\n\n            const checkInDateString = formatDateToString(checkinYear, checkinMonth, checkinDay);\n            const checkOutDateString = formatDateToString(checkoutYear, checkoutMonth, checkoutDay);\n\n            const checkInDate = new Date(checkInDateString);\n            const checkOutDate = new Date(checkOutDateString);\n\n            setStartDate(checkInDate);\n            setEndDate(checkOutDate);\n        }\n    }, [router.query.checkinDay, router.query.checkinMonth, router.query.checkinYear, router.query.checkoutDay, router.query.checkoutMonth, router.query.checkoutYear]);\n\n    useEffect(() => {\n        if (Object.keys(router.query).length > 0) {\n            const childrenCount = parseInt(router.query.children) || 0;\n            const childAges = [];\n\n            if (childrenCount > 0) {\n                for (let i = 1; i <= childrenCount; i++) {\n                    const childAgeKey = `childAge[${i}]`;\n                    if (router.query.hasOwnProperty(childAgeKey)) {\n                        childAges.push(router.query[childAgeKey]);\n                    }\n                }\n            }\n\n            setAdults(Number(router.query.adult) || 2);\n            setChildrens(Number(router.query.children) || 0);\n            setRooms(Number(router.query.room) || 1);\n            setNoOfNights(router.query.npOfNights || 1);\n            setChildAge(childAges);\n        }\n\n        // setChildAge(childAges);\n\n    }, [router.query]);\n\n    // useEffect(() => {\n    //     if (router.query.checkinDay && router.query.checkinMonth && router.query.checkinYear && router.query.checkoutDay && router.query.checkoutMonth && router.query.checkoutYear) {\n    //         const { checkinDay, checkinMonth, checkinYear, checkoutDay, checkoutMonth, checkoutYear } = router.query;\n\n    //         const checkInDate = new Date(`${checkinYear}-${checkinMonth}-${checkinDay}`);\n    //         const checkOutDate = new Date(`${checkoutYear}-${checkoutMonth}-${checkoutDay}`);\n\n    //         const formattedCheckIn = formatDate(checkInDate);\n    //         const formattedCheckOut = formatDate(checkOutDate);\n\n    //         setStartDate(new Date(formattedCheckIn));\n    //         setEndDate(new Date(formattedCheckOut));\n    //     }\n    // }, [router.query.checkinDay, router.query.checkinMonth, router.query.checkinYear, router.query.checkoutDay, router.query.checkoutMonth, router.query.checkoutYear]);\n\n    const handleSubmit = async (event) => {\n        event.preventDefault();\n\n        let hasChildAgeError = false;\n\n        const sanitizedChildAges = childAge.map(age => age !== '' ? age : null).filter(age => age !== null);\n\n        const childAgeParams = sanitizedChildAges\n            .map((age, index) => {\n                if (age > 12) {\n                    alert(\"Child age must be between 0 and 12\");\n                    hasChildAgeError = true;\n                    return;\n                }\n                return `&childAge[${index + 1}]=${age}`;\n            })\n            .join('');\n\n        if (hasChildAgeError) {\n            return;\n        }\n        if (endDate <= startDate) {\n            alert(\"Check out must be a date after check in\");\n            return;\n        }\n        setLoader(true);\n\n        try {\n            await router.push(\n                `/searchresults/?hotelID=${hotelID}&checkinDay=${checkin.day}&checkinMonth=${checkin.month}&checkinYear=${checkin.year}&checkoutDay=${checkout.day}&checkoutMonth=${checkout.month}&checkoutYear=${checkout.year}&room=${rooms}&adult=${adult}&children=${children}${childAgeParams}&checkIn=${formated_start_date}&checkOut=${formated_end_date}&noOfNights=${noOfNights}#rooms-details`,\n                undefined,\n                { shallow: false }\n            );\n            setLoader(false);\n            setOpenOptions(false);\n        } catch (error) {\n            setLoader(false);\n            console.log(error);\n        }\n    };\n\n    useEffect(() => {\n        const handleClickOutside = (event) => {\n          if (optionsRef.current && !optionsRef.current.contains(event.target)) {\n            setOpenOptions(false);\n          }\n        };\n    \n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return () => {\n          document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n      }, []);\n\n    return (\n        <div className=\"search_form\">\n            {loader && <NewLoader />}\n            <form className={`${styles.homepage_search_box}`} onSubmit={(event) => handleSubmit(event)}>\n                <div className={`${styles.singlehotel_searchbox_child}`}>\n                    <p style={{ textAlign: 'left', height: '18px' }}>Check-In Check-Out</p>\n                    <DatePicker\n                        name=\"date_range\"\n                        placeholderText='Please select a date'\n                        selected={startDate}\n                        onChange={onChange}\n                        startDate={startDate}\n                        className=\"date_input_form\"\n                        endDate={endDate}\n                        minDate={new Date()}\n                        selectsRange\n                    />\n                </div>\n\n                <div className={`${styles.singlehotel_searchbox_child}`} style={{ border: 'none' }}>\n                    <p style={{ textAlign: 'left', height: '20px' }}>Adults - Rooms - Children</p>\n                    <div className={styles.search_item} style={{ position: \"relative\" }}>\n                        <span\n                            onClick={() => setOpenOptions(!openOptions)}\n                            className=\"headerSearchText\"\n                            style={{ width: '100%' }}\n                        >{`${adult} adult · ${rooms} rooms · ${children} children`}</span>\n\n                        {openOptions && (\n                            <div className=\"options\" ref={optionsRef}>\n                                <div className=\"optionItem\">\n                                    <span className=\"optionText\">Adult</span>\n                                    <div className=\"optionCounter\">\n                                        <button\n                                            type=\"button\"\n                                            disabled={adult <= 1}\n                                            className=\"optionCounterButton\"\n                                            onClick={onAdultDecrease}\n                                        >\n                                            -\n                                        </button>\n                                        <input name=\"adult\" className=\"optionCounterNumber\" value={adult} readOnly />\n                                        <button\n                                            type=\"button\" className=\"optionCounterButton\"\n                                            onClick={onAdultIncrease}\n                                        >\n                                            +\n                                        </button>\n                                    </div>\n                                </div>\n                                <div className=\"optionItem\">\n                                    <span className=\"optionText\">Room</span>\n                                    <div className=\"optionCounter\">\n                                        <button\n                                            type=\"button\"\n                                            disabled={rooms <= 1}\n                                            className=\"optionCounterButton\"\n                                            onClick={(e) => {\n                                                e.preventDefault();\n                                                setRooms(rooms - 1);\n                                            }}\n                                        >\n                                            -\n                                        </button>\n                                        <input name=\"rooms\" className=\"optionCounterNumber\" value={rooms} readOnly />\n                                        <button\n                                            type=\"button\"\n                                            className=\"optionCounterButton\"\n                                            onClick={(e) => {\n                                                e.preventDefault();\n                                                setRooms(rooms + 1);\n                                            }}                                        >\n                                            +\n                                        </button>\n                                    </div>\n                                </div>\n\n                                <div className=\"optionItem\">\n                                    <span className=\"optionText\">Children</span>\n                                    <div className=\"optionCounter\">\n                                        <button\n                                            type=\"button\"\n                                            disabled={children <= 0}\n                                            className=\"optionCounterButton\"\n                                            onClick={onChildDecrease}\n                                        >\n                                            -\n                                        </button>\n                                        <input name=\"children\" className=\"optionCounterNumber\" value={children} readOnly />\n                                        <button\n                                            type=\"button\"\n                                            className=\"optionCounterButton\"\n                                            onClick={onChildIncrease}\n                                        >\n                                            +\n                                        </button>\n                                    </div>\n                                </div>\n                                {childAge.map((age, index) => (\n                                    <div className=\"optionItem\" key={index}>\n                                        <span className=\"optionText\">Child {index + 1} Age</span>\n                                        <div className=\"optionCounter\">\n                                            <input\n                                                className=\"childAge_input\"\n                                                type=\"number\"\n                                                name=\"childAge[]\"\n                                                min=\"1\"\n                                                // max=\"12\"\n                                                value={age}\n                                                onChange={(event) =>\n                                                    handleChildrenAgeChange(index, event)\n                                                }\n                                                required\n                                            />\n                                        </div>\n                                    </div>\n                                ))}\n                            </div>\n                        )}\n                    </div>\n                </div>\n\n                <div className={`${styles.searchbox_btn_child}`}>\n                    {/* <button type=\"submit\" className={styles.submit_btn}>\n                        <Image src=\"/icons/search-white.svg\" alt=\"Search ICon\" width={25} height={25}></Image>\n                    </button> */}\n                    <button type=\"submit\" className={`${styles.submit_btn}`}>\n                        <svg width=\"27\" height=\"28\" viewBox=\"0 0 27 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><title>This is a icon</title>\n                            <path d=\"M11.3448 22.1897C17.0581 22.1897 21.6897 17.5581 21.6897 11.8448C21.6897 6.13154 17.0581 1.5 11.3448 1.5C5.63154 1.5 1 6.13154 1 11.8448C1 17.5581 5.63154 22.1897 11.3448 22.1897Z\" stroke=\"white\" strokeWidth=\"2\" strokeMiterlimit=\"10\" />\n                            <path d=\"M18.2414 18.7414L26 26.5\" stroke=\"white\" strokeWidth=\"2\" strokeMiterlimit=\"10\" />\n                        </svg>\n                    </button>\n                    <button type=\"submit\" className={styles.submit_btn_mobile}>\n                        Search Rooms\n                    </button>\n                </div>\n            </form>\n        </div>\n    );\n}\n\nexport default SingleHotelsearchform;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"search_form\":\"Search_search_form__X3nV9\",\"homepage_search_box\":\"Search_homepage_search_box___YIQc\",\"searchbox_child\":\"Search_searchbox_child__RQrQF\",\"singlehotel_searchbox_child\":\"Search_singlehotel_searchbox_child__SCPKC\",\"button_con\":\"Search_button_con__mj6HD\",\"search_item\":\"Search_search_item__R78Km\",\"inc_dec_btn\":\"Search_inc_dec_btn__T_Lvv\",\"select_con\":\"Search_select_con__VRej6\",\"searchbox_btn_child\":\"Search_searchbox_btn_child__f0ssA\",\"submit_btn\":\"Search_submit_btn__sVeN7\",\"submit_btn_mobile\":\"Search_submit_btn_mobile__Mj06_\",\"test_search_box\":\"Search_test_search_box__m_EdW\",\"select_label\":\"Search_select_label__ZUMi3\",\"default_text\":\"Search_default_text__eL_68\",\"options\":\"Search_options__g7lx4\",\"optionItem\":\"Search_optionItem__nBEc6\",\"optionCounter\":\"Search_optionCounter__tl4BO\"};","(self[\"webpackChunk_N_E\"] = self[\"webpackChunk_N_E\"] || []).push([[178],{\n\n/***/ 5691:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Z\": function() { return /* binding */ Loader; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5893);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7294);\n/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);\n/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Loader_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(564);\n/* harmony import */ var _Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\nfunction Loader() {\n    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"section\", {\n            className: (_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default().loader_main),\n            role: \"alertdialog\",\n            \"aria-busy\": \"true\",\n            \"aria-live\": \"polite\",\n            \"aria-label\": \"Loading…\",\n            children: [\n                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                    className: (_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default().loader),\n                    \"aria-hidden\": \"true\",\n                    children: [\n                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                            className: (_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default().loader__sq)\n                        }),\n                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                            className: (_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default().loader__sq)\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                    className: (_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default().loading_text)\n                })\n            ]\n        })\n    });\n}\n\n\n/***/ }),\n\n/***/ 1178:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5893);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7294);\n/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1163);\n/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Search_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(4480);\n/* harmony import */ var _Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Search_module_scss__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(9198);\n/* harmony import */ var react_datepicker__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react_datepicker__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5828);\n/* harmony import */ var react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_datepicker_dist_react_datepicker_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(381);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5675);\n/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_image__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var date_fns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7349);\n/* harmony import */ var _Loader_Loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5691);\n/* harmony import */ var _Loader_NewLoader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4538);\n\n\n\n\n\n\n\n\n\n\n\nfunction SingleHotelsearchform(props) {\n    const router = (0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();\n    const queryParams = router.query;\n    const token = props === null || props === void 0 ? void 0 : props.hotel_token;\n    const [openOptions, setOpenOptions] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);\n    const optionsRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    const [loader, setLoader] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);\n    const [startDate, setStartDate] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(new Date());\n    const [endDate, setEndDate] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(()=>{\n        const tomorrow = (0,date_fns__WEBPACK_IMPORTED_MODULE_8__[\"default\"])(new Date(), 1);\n        return tomorrow;\n    });\n    const [property, setProperty] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(\"\");\n    const [property_city, setProperty_city] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(queryParams.property_city || \"\");\n    const [hotelID, setHotelID] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(17);\n    const [adult, setAdults] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Number(queryParams.adult) || 2);\n    const [children, setChildrens] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Number(queryParams.children) || 0);\n    const [rooms, setRooms] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Number(queryParams.room) || 1);\n    const [noOfNights, setNoOfNights] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(queryParams.npOfNights || 1);\n    const [childAge, setChildAge] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]);\n    const [updatedRooms, setUpdatedRooms] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1);\n    const [checkin, setCheckin] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({\n        day: router.query.checkinDay || \"\",\n        month: router.query.checkinMonth || \"\",\n        year: router.query.checkinYear || \"\"\n    });\n    const [checkout, setCheckout] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({\n        day: router.query.checkoutDay || \"\",\n        month: router.query.checkoutMonth || \"\",\n        year: router.query.checkoutYear || \"\"\n    });\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{\n        const updateDateState = (date, setStateFunction)=>{\n            if (date !== null) {\n                const day = date.getDate();\n                const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\n                const year = date.getFullYear();\n                setStateFunction({\n                    day,\n                    month,\n                    year\n                });\n            }\n        };\n        updateDateState(startDate, setCheckin);\n        updateDateState(endDate, setCheckout);\n        const nights = moment__WEBPACK_IMPORTED_MODULE_4___default()(endDate).diff(moment__WEBPACK_IMPORTED_MODULE_4___default()(startDate), \"days\");\n        setNoOfNights(nights > 0 ? nights : 1);\n    }, [\n        startDate,\n        endDate\n    ]);\n    const onChange = (dates)=>{\n        const [start, end] = dates;\n        setStartDate(start);\n        setEndDate(end);\n        const dateRange = \"\".concat(moment__WEBPACK_IMPORTED_MODULE_4___default()(start).format(\"YYYY-MM-DD\"), \"+\").concat(moment__WEBPACK_IMPORTED_MODULE_4___default()(end).format(\"YYYY-MM-DD\"));\n        ;\n    };\n    const formated_start_date = moment__WEBPACK_IMPORTED_MODULE_4___default()(startDate).format(\"YYYY-MM-DD\");\n    const formated_end_date = moment__WEBPACK_IMPORTED_MODULE_4___default()(endDate).format(\"YYYY-MM-DD\");\n    const checkin_out_date = moment__WEBPACK_IMPORTED_MODULE_4___default()(startDate).format(\"YYYY-MM-DD\") + \"+\" + moment__WEBPACK_IMPORTED_MODULE_4___default()(endDate).format(\"YYYY-MM-DD\");\n    const onAdultIncrease = ()=>{\n        const newAdult = adult + 1;\n        setAdults(newAdult);\n        if (newAdult > 1 && newAdult % 2 === 0 && rooms < newAdult / 2) {\n            setRooms(rooms + 1);\n        }\n    };\n    const onAdultDecrease = ()=>{\n        if (adult > 1) {\n            const newAdult = adult - 1;\n            setAdults(newAdult);\n            if (newAdult % 2 !== 0 && rooms > 1) {\n                setRooms(rooms - 1);\n            }\n        }\n    };\n    const handleChildrenAgeChange = (index, event)=>{\n        const ages = [\n            ...childAge\n        ];\n        ages[index] = event.target.value;\n        setChildAge(ages);\n    };\n    const onChildDecrease = (e)=>{\n        e.preventDefault();\n        // if (children > 0) {\n        setChildrens(children - 1);\n        setChildAge(childAge.slice(0, childAge.length - 1));\n    // }\n    };\n    const onChildIncrease = (e)=>{\n        e.preventDefault();\n        // if (children < 2) {\n        setChildrens(children + 1);\n        setChildAge([\n            ...childAge,\n            \"\"\n        ]);\n    // }\n    };\n    const formatDate = (date)=>{\n        const year = date.getFullYear();\n        const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\n        const day = date.getDate().toString().padStart(2, \"0\");\n        return \"\".concat(year, \"-\").concat(month, \"-\").concat(day);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{\n        if (router.query.checkinDay && router.query.checkinMonth && router.query.checkinYear && router.query.checkoutDay && router.query.checkoutMonth && router.query.checkoutYear) {\n            const { checkinDay , checkinMonth , checkinYear , checkoutDay , checkoutMonth , checkoutYear  } = router.query;\n            const formatDateToString = (year, month, day)=>{\n                const paddedMonth = String(month).padStart(2, \"0\");\n                const paddedDay = String(day).padStart(2, \"0\");\n                return \"\".concat(year, \"-\").concat(paddedMonth, \"-\").concat(paddedDay);\n            };\n            const checkInDateString = formatDateToString(checkinYear, checkinMonth, checkinDay);\n            const checkOutDateString = formatDateToString(checkoutYear, checkoutMonth, checkoutDay);\n            const checkInDate = new Date(checkInDateString);\n            const checkOutDate = new Date(checkOutDateString);\n            setStartDate(checkInDate);\n            setEndDate(checkOutDate);\n        }\n    }, [\n        router.query.checkinDay,\n        router.query.checkinMonth,\n        router.query.checkinYear,\n        router.query.checkoutDay,\n        router.query.checkoutMonth,\n        router.query.checkoutYear\n    ]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{\n        if (Object.keys(router.query).length > 0) {\n            const childrenCount = parseInt(router.query.children) || 0;\n            const childAges = [];\n            if (childrenCount > 0) {\n                for(let i = 1; i <= childrenCount; i++){\n                    const childAgeKey = \"childAge[\".concat(i, \"]\");\n                    if (router.query.hasOwnProperty(childAgeKey)) {\n                        childAges.push(router.query[childAgeKey]);\n                    }\n                }\n            }\n            setAdults(Number(router.query.adult) || 2);\n            setChildrens(Number(router.query.children) || 0);\n            setRooms(Number(router.query.room) || 1);\n            setNoOfNights(router.query.npOfNights || 1);\n            setChildAge(childAges);\n        }\n    // setChildAge(childAges);\n    }, [\n        router.query\n    ]);\n    // useEffect(() => {\n    //     if (router.query.checkinDay && router.query.checkinMonth && router.query.checkinYear && router.query.checkoutDay && router.query.checkoutMonth && router.query.checkoutYear) {\n    //         const { checkinDay, checkinMonth, checkinYear, checkoutDay, checkoutMonth, checkoutYear } = router.query;\n    //         const checkInDate = new Date(`${checkinYear}-${checkinMonth}-${checkinDay}`);\n    //         const checkOutDate = new Date(`${checkoutYear}-${checkoutMonth}-${checkoutDay}`);\n    //         const formattedCheckIn = formatDate(checkInDate);\n    //         const formattedCheckOut = formatDate(checkOutDate);\n    //         setStartDate(new Date(formattedCheckIn));\n    //         setEndDate(new Date(formattedCheckOut));\n    //     }\n    // }, [router.query.checkinDay, router.query.checkinMonth, router.query.checkinYear, router.query.checkoutDay, router.query.checkoutMonth, router.query.checkoutYear]);\n    const handleSubmit = async (event)=>{\n        event.preventDefault();\n        let hasChildAgeError = false;\n        const sanitizedChildAges = childAge.map((age)=>age !== \"\" ? age : null).filter((age)=>age !== null);\n        const childAgeParams = sanitizedChildAges.map((age, index)=>{\n            if (age > 12) {\n                alert(\"Child age must be between 0 and 12\");\n                hasChildAgeError = true;\n                return;\n            }\n            return \"&childAge[\".concat(index + 1, \"]=\").concat(age);\n        }).join(\"\");\n        if (hasChildAgeError) {\n            return;\n        }\n        if (endDate <= startDate) {\n            alert(\"Check out must be a date after check in\");\n            return;\n        }\n        setLoader(true);\n        try {\n            await router.push(\"/searchresults/?hotelID=\".concat(hotelID, \"&checkinDay=\").concat(checkin.day, \"&checkinMonth=\").concat(checkin.month, \"&checkinYear=\").concat(checkin.year, \"&checkoutDay=\").concat(checkout.day, \"&checkoutMonth=\").concat(checkout.month, \"&checkoutYear=\").concat(checkout.year, \"&room=\").concat(rooms, \"&adult=\").concat(adult, \"&children=\").concat(children).concat(childAgeParams, \"&checkIn=\").concat(formated_start_date, \"&checkOut=\").concat(formated_end_date, \"&noOfNights=\").concat(noOfNights, \"#rooms-details\"), undefined, {\n                shallow: false\n            });\n            setLoader(false);\n            setOpenOptions(false);\n        } catch (error) {\n            setLoader(false);\n            console.log(error);\n        }\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{\n        const handleClickOutside = (event)=>{\n            if (optionsRef.current && !optionsRef.current.contains(event.target)) {\n                setOpenOptions(false);\n            }\n        };\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        return ()=>{\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, []);\n    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n        className: \"search_form\",\n        children: [\n            loader && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Loader_NewLoader__WEBPACK_IMPORTED_MODULE_7__/* [\"default\"] */ .Z, {}),\n            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"form\", {\n                className: \"\".concat((_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().homepage_search_box)),\n                onSubmit: (event)=>handleSubmit(event),\n                children: [\n                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                        className: \"\".concat((_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().singlehotel_searchbox_child)),\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", {\n                                style: {\n                                    textAlign: \"left\",\n                                    height: \"18px\"\n                                },\n                                children: \"Check-In Check-Out\"\n                            }),\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)((react_datepicker__WEBPACK_IMPORTED_MODULE_10___default()), {\n                                name: \"date_range\",\n                                placeholderText: \"Please select a date\",\n                                selected: startDate,\n                                onChange: onChange,\n                                startDate: startDate,\n                                className: \"date_input_form\",\n                                endDate: endDate,\n                                minDate: new Date(),\n                                selectsRange: true\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                        className: \"\".concat((_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().singlehotel_searchbox_child)),\n                        style: {\n                            border: \"none\"\n                        },\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"p\", {\n                                style: {\n                                    textAlign: \"left\",\n                                    height: \"20px\"\n                                },\n                                children: \"Adults - Rooms - Children\"\n                            }),\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                className: (_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().search_item),\n                                style: {\n                                    position: \"relative\"\n                                },\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n                                        onClick: ()=>setOpenOptions(!openOptions),\n                                        className: \"headerSearchText\",\n                                        style: {\n                                            width: \"100%\"\n                                        },\n                                        children: \"\".concat(adult, \" adult \\xb7 \").concat(rooms, \" rooms \\xb7 \").concat(children, \" children\")\n                                    }),\n                                    openOptions && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                        className: \"options\",\n                                        ref: optionsRef,\n                                        children: [\n                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                className: \"optionItem\",\n                                                children: [\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n                                                        className: \"optionText\",\n                                                        children: \"Adult\"\n                                                    }),\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                        className: \"optionCounter\",\n                                                        children: [\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                disabled: adult <= 1,\n                                                                className: \"optionCounterButton\",\n                                                                onClick: onAdultDecrease,\n                                                                children: \"-\"\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", {\n                                                                name: \"adult\",\n                                                                className: \"optionCounterNumber\",\n                                                                value: adult,\n                                                                readOnly: true\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                className: \"optionCounterButton\",\n                                                                onClick: onAdultIncrease,\n                                                                children: \"+\"\n                                                            })\n                                                        ]\n                                                    })\n                                                ]\n                                            }),\n                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                className: \"optionItem\",\n                                                children: [\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n                                                        className: \"optionText\",\n                                                        children: \"Room\"\n                                                    }),\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                        className: \"optionCounter\",\n                                                        children: [\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                disabled: rooms <= 1,\n                                                                className: \"optionCounterButton\",\n                                                                onClick: (e)=>{\n                                                                    e.preventDefault();\n                                                                    setRooms(rooms - 1);\n                                                                },\n                                                                children: \"-\"\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", {\n                                                                name: \"rooms\",\n                                                                className: \"optionCounterNumber\",\n                                                                value: rooms,\n                                                                readOnly: true\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                className: \"optionCounterButton\",\n                                                                onClick: (e)=>{\n                                                                    e.preventDefault();\n                                                                    setRooms(rooms + 1);\n                                                                },\n                                                                children: \"+\"\n                                                            })\n                                                        ]\n                                                    })\n                                                ]\n                                            }),\n                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                className: \"optionItem\",\n                                                children: [\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", {\n                                                        className: \"optionText\",\n                                                        children: \"Children\"\n                                                    }),\n                                                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                        className: \"optionCounter\",\n                                                        children: [\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                disabled: children <= 0,\n                                                                className: \"optionCounterButton\",\n                                                                onClick: onChildDecrease,\n                                                                children: \"-\"\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", {\n                                                                name: \"children\",\n                                                                className: \"optionCounterNumber\",\n                                                                value: children,\n                                                                readOnly: true\n                                                            }),\n                                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                                                type: \"button\",\n                                                                className: \"optionCounterButton\",\n                                                                onClick: onChildIncrease,\n                                                                children: \"+\"\n                                                            })\n                                                        ]\n                                                    })\n                                                ]\n                                            }),\n                                            childAge.map((age, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                                                    className: \"optionItem\",\n                                                    children: [\n                                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"span\", {\n                                                            className: \"optionText\",\n                                                            children: [\n                                                                \"Child \",\n                                                                index + 1,\n                                                                \" Age\"\n                                                            ]\n                                                        }),\n                                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n                                                            className: \"optionCounter\",\n                                                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", {\n                                                                className: \"childAge_input\",\n                                                                type: \"number\",\n                                                                name: \"childAge[]\",\n                                                                min: \"1\",\n                                                                // max=\"12\"\n                                                                value: age,\n                                                                onChange: (event)=>handleChildrenAgeChange(index, event),\n                                                                required: true\n                                                            })\n                                                        })\n                                                    ]\n                                                }, index))\n                                        ]\n                                    })\n                                ]\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", {\n                        className: \"\".concat((_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().searchbox_btn_child)),\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                type: \"submit\",\n                                className: \"\".concat((_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().submit_btn)),\n                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"svg\", {\n                                    width: \"27\",\n                                    height: \"28\",\n                                    viewBox: \"0 0 27 28\",\n                                    fill: \"none\",\n                                    xmlns: \"http://www.w3.org/2000/svg\",\n                                    children: [\n                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"title\", {\n                                            children: \"This is a icon\"\n                                        }),\n                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n                                            d: \"M11.3448 22.1897C17.0581 22.1897 21.6897 17.5581 21.6897 11.8448C21.6897 6.13154 17.0581 1.5 11.3448 1.5C5.63154 1.5 1 6.13154 1 11.8448C1 17.5581 5.63154 22.1897 11.3448 22.1897Z\",\n                                            stroke: \"white\",\n                                            strokeWidth: \"2\",\n                                            strokeMiterlimit: \"10\"\n                                        }),\n                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", {\n                                            d: \"M18.2414 18.7414L26 26.5\",\n                                            stroke: \"white\",\n                                            strokeWidth: \"2\",\n                                            strokeMiterlimit: \"10\"\n                                        })\n                                    ]\n                                })\n                            }),\n                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", {\n                                type: \"submit\",\n                                className: (_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default().submit_btn_mobile),\n                                children: \"Search Rooms\"\n                            })\n                        ]\n                    })\n                ]\n            })\n        ]\n    });\n}\n/* harmony default export */ __webpack_exports__[\"Z\"] = (SingleHotelsearchform);\n\n\n/***/ }),\n\n/***/ 4480:\n/***/ (function(module) {\n\n// extracted by mini-css-extract-plugin\nmodule.exports = {\"search_form\":\"Search_search_form__X3nV9\",\"homepage_search_box\":\"Search_homepage_search_box___YIQc\",\"searchbox_child\":\"Search_searchbox_child__RQrQF\",\"singlehotel_searchbox_child\":\"Search_singlehotel_searchbox_child__SCPKC\",\"button_con\":\"Search_button_con__mj6HD\",\"search_item\":\"Search_search_item__R78Km\",\"inc_dec_btn\":\"Search_inc_dec_btn__T_Lvv\",\"select_con\":\"Search_select_con__VRej6\",\"searchbox_btn_child\":\"Search_searchbox_btn_child__f0ssA\",\"submit_btn\":\"Search_submit_btn__sVeN7\",\"submit_btn_mobile\":\"Search_submit_btn_mobile__Mj06_\",\"test_search_box\":\"Search_test_search_box__m_EdW\",\"select_label\":\"Search_select_label__ZUMi3\",\"default_text\":\"Search_default_text__eL_68\",\"options\":\"Search_options__g7lx4\",\"optionItem\":\"Search_optionItem__nBEc6\",\"optionCounter\":\"Search_optionCounter__tl4BO\"};\n\n/***/ })\n\n}]);"],"names":["self","push","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","Loader","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3__","_Loader_module_scss__WEBPACK_IMPORTED_MODULE_3___default","n","jsx","Fragment","children","jsxs","className","loader_main","role","loader","loader__sq","loading_text","react__WEBPACK_IMPORTED_MODULE_1__","next_router__WEBPACK_IMPORTED_MODULE_2__","_Search_module_scss__WEBPACK_IMPORTED_MODULE_9__","_Search_module_scss__WEBPACK_IMPORTED_MODULE_9___default","react_datepicker__WEBPACK_IMPORTED_MODULE_10__","react_datepicker__WEBPACK_IMPORTED_MODULE_10___default","moment__WEBPACK_IMPORTED_MODULE_4__","moment__WEBPACK_IMPORTED_MODULE_4___default","date_fns__WEBPACK_IMPORTED_MODULE_8__","_Loader_NewLoader__WEBPACK_IMPORTED_MODULE_7__","props","router","useRouter","queryParams","query","hotel_token","openOptions","setOpenOptions","useState","optionsRef","useRef","setLoader","startDate","setStartDate","Date","endDate","setEndDate","tomorrow","property","setProperty","property_city","setProperty_city","hotelID","setHotelID","adult","setAdults","Number","setChildrens","rooms","setRooms","room","noOfNights","setNoOfNights","npOfNights","childAge","setChildAge","updatedRooms","setUpdatedRooms","checkin","setCheckin","day","checkinDay","month","checkinMonth","year","checkinYear","checkout","setCheckout","checkoutDay","checkoutMonth","checkoutYear","useEffect","updateDateState","date","setStateFunction","getDate","getMonth","toString","padStart","getFullYear","nights","diff","onChange","start","end","dates","concat","format","formated_start_date","formated_end_date","onAdultIncrease","newAdult","onAdultDecrease","handleChildrenAgeChange","index","event","ages","target","value","onChildDecrease","e","preventDefault","slice","length","onChildIncrease","formatDateToString","paddedMonth","String","paddedDay","checkInDateString","checkOutDateString","checkInDate","checkOutDate","Object","keys","childrenCount","parseInt","childAges","i","childAgeKey","hasOwnProperty","handleSubmit","hasChildAgeError","sanitizedChildAges","map","age","filter","childAgeParams","alert","join","undefined","shallow","error","console","log","handleClickOutside","current","contains","document","addEventListener","removeEventListener","Z","homepage_search_box","onSubmit","singlehotel_searchbox_child","style","textAlign","height","name","placeholderText","selected","minDate","selectsRange","border","search_item","position","onClick","width","ref","type","disabled","readOnly","min","required","searchbox_btn_child","submit_btn","viewBox","fill","xmlns","stroke","strokeWidth","strokeMiterlimit","submit_btn_mobile","module","exports"],"sourceRoot":""}