(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
    [982], {
        8834: (e, s, t) => {
            Promise.resolve().then(t.bind(t, 4815))
        },
        4815: (e, s, t) => {
            "use strict";
            t.r(s), t.d(s, {
                default: () => o
            });
            var l = t(5155),
                a = t(2115),
                i = t(6046),
                c = t(8192),
                r = t(5565),
                n = t(1536);

            function o() {
                let e = (0, i.useRouter)(),
                    [s, t] = (0, a.useState)(c.s),
                    [o, d] = (0, a.useState)(!1),
                    [x, m] = (0, a.useState)({
                        location: "",
                        category: "",
                        priceRange: 0,
                        features: [],
                        difficulty: "",
                        sortBy: "popular"
                    }),
                    u = () => {
                        let e = [...c.s];
                        switch (x.location && (e = e.filter(e => e.location === x.location)), x.category && (e = e.filter(e => e.category === x.category)), x.priceRange > 0 && (e = e.filter(e => e.price <= x.priceRange)), x.features.length > 0 && (e = e.filter(e => x.features.every(s => e.features.some(e => e.name === s && e.included)))), x.difficulty && (e = e.filter(e => e.difficulty === x.difficulty)), x.sortBy) {
                            case "price_asc":
                                e.sort((e, s) => e.price - s.price);
                                break;
                            case "price_desc":
                                e.sort((e, s) => s.price - e.price);
                                break;
                            case "rating":
                                e.sort((e, s) => s.rating - e.rating);
                                break;
                            default:
                                e.sort((e, s) => (s.popular ? 1 : 0) - (e.popular ? 1 : 0))
                        }
                        t(e)
                    };
                (0, a.useEffect)(() => {
                    u()
                }, [x]);
                let f = (e, s) => {
                        m(t => ({ ...t,
                            [e]: s
                        }))
                    },
                    p = e => {
                        m(s => ({ ...s,
                            features: s.features.includes(e) ? s.features.filter(s => s !== e) : [...s.features, e]
                        }))
                    },
                    h = s => {
                        e.push("/activities/".concat(s))
                    },
                    g = e => {
                        m(s => ({ ...s,
                            [e]: "features" === e ? [] : ""
                        }))
                    };
                return (0, l.jsxs)("div", {
                    className: "container mx-auto px-4 py-24 text-black",
                    children: [(0, l.jsxs)("div", {
                        className: "flex justify-between items-center mb-8",
                        children: [(0, l.jsx)("h1", {
                            className: "text-2xl md:text-3xl font-bold",
                            children: "Adventure Activities"
                        }), (0, l.jsxs)("button", {
                            onClick: () => d(!o),
                            className: "lg:hidden flex items-center gap-2 bg-[#FF7F00] text-white px-3 py-1.5 md:px-4 md:py-2 rounded-lg hover:bg-orange-600 transition-colors text-sm md:text-base",
                            children: [(0, l.jsx)(n.YsJ, {}), " Filters"]
                        })]
                    }), (0, l.jsx)("div", {
                        className: "md:mb-6 flex flex-wrap gap-2",
                        children: (() => {
                            let e = [];
                            if (x.location && e.push({
                                    type: "location",
                                    label: "Location: ".concat(x.location)
                                }), x.category && e.push({
                                    type: "category",
                                    label: "Category: ".concat(x.category)
                                }), x.priceRange > 0) {
                                let s = c.f.priceRanges.find(e => e.value === x.priceRange);
                                s && e.push({
                                    type: "priceRange",
                                    label: "Price: ".concat(s.label)
                                })
                            }
                            return x.features.length > 0 && e.push({
                                type: "features",
                                label: "Features: ".concat(x.features.join(", "))
                            }), x.difficulty && e.push({
                                type: "difficulty",
                                label: "Difficulty: ".concat(x.difficulty)
                            }), e
                        })().map((e, s) => (0, l.jsxs)("div", {
                            className: "flex items-center gap-2 bg-gray-100 px-2 py-1 md:px-3 md:py-1 rounded-full text-xs md:text-sm",
                            children: [(0, l.jsx)("span", {
                                children: e.label
                            }), (0, l.jsxs)("button", {
                                onClick: () => g(e.type),
                                className: "text-gray-500 hover:text-gray-700",
                                children: [(0, l.jsx)(n.QCr, {
                                    size: 10,
                                    className: "md:hidden"
                                }), (0, l.jsx)(n.QCr, {
                                    size: 12,
                                    className: "hidden md:block"
                                })]
                            })]
                        }, s))
                    }), (0, l.jsxs)("div", {
                        className: "flex flex-col lg:flex-row gap-8",
                        children: [(0, l.jsx)("div", {
                            className: "lg:w-[25%] ".concat(o ? "block" : "hidden", " lg:block lg:sticky lg:top-24 lg:self-start lg:max-h-[calc(100vh-8rem)] lg:overflow-y-auto"),
                            children: (0, l.jsxs)("div", {
                                className: "bg-white rounded-lg shadow-lg p-4 md:p-6 space-y-4 md:space-y-6",
                                children: [(0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Location"
                                    }), (0, l.jsxs)("select", {
                                        className: "w-full p-1.5 md:p-2 text-sm md:text-base border rounded focus:outline-none focus:ring-2 focus:ring-[#FF7F00]",
                                        value: x.location,
                                        onChange: e => f("location", e.target.value),
                                        children: [(0, l.jsx)("option", {
                                            value: "",
                                            children: "All Locations"
                                        }), c.f.locations.map(e => (0, l.jsx)("option", {
                                            value: e,
                                            children: e
                                        }, e))]
                                    })]
                                }), (0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Category"
                                    }), (0, l.jsxs)("select", {
                                        className: "w-full p-1.5 md:p-2 text-sm md:text-base border rounded focus:outline-none focus:ring-2 focus:ring-[#FF7F00]",
                                        value: x.category,
                                        onChange: e => f("category", e.target.value),
                                        children: [(0, l.jsx)("option", {
                                            value: "",
                                            children: "All Categories"
                                        }), c.f.categories.map(e => (0, l.jsx)("option", {
                                            value: e,
                                            children: e
                                        }, e))]
                                    })]
                                }), (0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Price Range"
                                    }), (0, l.jsxs)("select", {
                                        className: "w-full p-1.5 md:p-2 text-sm md:text-base border rounded focus:outline-none focus:ring-2 focus:ring-[#FF7F00]",
                                        value: x.priceRange,
                                        onChange: e => f("priceRange", Number(e.target.value)),
                                        children: [(0, l.jsx)("option", {
                                            value: "0",
                                            children: "All Prices"
                                        }), c.f.priceRanges.map(e => (0, l.jsx)("option", {
                                            value: e.value,
                                            children: e.label
                                        }, e.value))]
                                    })]
                                }), (0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Features"
                                    }), (0, l.jsx)("div", {
                                        className: "space-y-2",
                                        children: c.f.features.map(e => (0, l.jsxs)("label", {
                                            className: "flex items-center gap-2 text-sm md:text-base",
                                            children: [(0, l.jsx)("input", {
                                                type: "checkbox",
                                                checked: x.features.includes(e),
                                                onChange: () => p(e),
                                                className: "rounded text-[#FF7F00] focus:ring-[#FF7F00]"
                                            }), e]
                                        }, e))
                                    })]
                                }), (0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Difficulty"
                                    }), (0, l.jsxs)("select", {
                                        className: "w-full p-1.5 md:p-2 text-sm md:text-base border rounded focus:outline-none focus:ring-2 focus:ring-[#FF7F00]",
                                        value: x.difficulty,
                                        onChange: e => f("difficulty", e.target.value),
                                        children: [(0, l.jsx)("option", {
                                            value: "",
                                            children: "All Difficulties"
                                        }), c.f.difficulties.map(e => (0, l.jsx)("option", {
                                            value: e,
                                            children: e
                                        }, e))]
                                    })]
                                }), (0, l.jsxs)("div", {
                                    children: [(0, l.jsx)("h3", {
                                        className: "font-semibold mb-2 text-sm md:text-base",
                                        children: "Sort By"
                                    }), (0, l.jsx)("select", {
                                        className: "w-full p-1.5 md:p-2 text-sm md:text-base border rounded focus:outline-none focus:ring-2 focus:ring-[#FF7F00]",
                                        value: x.sortBy,
                                        onChange: e => f("sortBy", e.target.value),
                                        children: c.f.sortOptions.map(e => (0, l.jsx)("option", {
                                            value: e.value,
                                            children: e.label
                                        }, e.value))
                                    })]
                                })]
                            })
                        }), (0, l.jsx)("div", {
                            className: "flex-1 lg:overflow-y-auto",
                            children: (0, l.jsx)("div", {
                                className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-10",
                                children: s.map(e => (0, l.jsxs)("div", {
                                    className: "bg-white rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl transition-shadow",
                                    onClick: () => h(e.id),
                                    children: [(0, l.jsx)("div", {
                                        className: "relative h-40 md:h-48",
                                        children: (0, l.jsx)(r.default, {
                                            src: e.image,
                                            alt: e.title,
                                            fill: !0,
                                            className: "object-cover"
                                        })
                                    }), (0, l.jsxs)("div", {
                                        className: "p-3 md:p-4",
                                        children: [(0, l.jsxs)("div", {
                                            className: "flex justify-between items-start mb-2",
                                            children: [(0, l.jsx)("h2", {
                                                className: "text-lg md:text-xl font-semibold",
                                                children: e.title
                                            }), (0, l.jsxs)("div", {
                                                className: "flex items-center gap-1 text-sm md:text-base",
                                                children: [(0, l.jsx)(n.gt3, {
                                                    className: "text-[#FF7F00]"
                                                }), (0, l.jsx)("span", {
                                                    children: e.rating
                                                }), (0, l.jsxs)("span", {
                                                    className: "text-gray-500",
                                                    children: ["(", e.ratingCount, ")"]
                                                })]
                                            })]
                                        }), (0, l.jsx)("p", {
                                            className: "text-sm md:text-base text-gray-600 mb-3 md:mb-4",
                                            children: e.description
                                        }), (0, l.jsxs)("div", {
                                            className: "flex justify-between items-center",
                                            children: [(0, l.jsxs)("div", {
                                                children: [(0, l.jsxs)("p", {
                                                    className: "text-xl md:text-2xl font-bold text-[#FF7F00]",
                                                    children: ["₹", e.price]
                                                }), (0, l.jsx)("p", {
                                                    className: "text-xs md:text-sm text-gray-500",
                                                    children: e.duration
                                                })]
                                            }), (0, l.jsx)("button", {
                                                className: "bg-[#FF7F00] text-white px-3 py-1.5 md:px-4 md:py-2 rounded text-sm md:text-base hover:bg-orange-600 transition-colors",
                                                children: "Book Now"
                                            })]
                                        })]
                                    })]
                                }, e.id))
                            })
                        })]
                    })]
                })
            }
        }
    },
    e => {
        var s = s => e(e.s = s);
        e.O(0, [711, 970, 643, 441, 517, 358], () => s(8834)), _N_E = e.O()
    }
]);