https://www.zuckerjagdwurst.com/_next/static/chunks/app/%5Blocale%5D/page-ab7b95ec9d205546.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[465],{42026:(e,r,a)=>{"use strict";a.d(r,{SearchSection:()=>q});var s=a(54568),l=a(97788),t=a(2295),n=a(7620),i=a(42584),o=a(17483),c=a(25342);let d=i.Op,m=n.createContext({}),u=({...e})=>{let r=n.useMemo(()=>({name:e.name}),[e.name]);return(0,s.jsx)(m.Provider,{value:r,children:(0,s.jsx)(i.xI,{...e})})},x=()=>{let e=n.use(m),r=n.use(h),{getFieldState:a}=(0,i.xW)(),s=(0,i.lN)({name:e.name}),l=a(e.name,s);if(!e)throw Error("useFormField should be used within <FormField>");let{id:t}=r;return{id:t,name:e.name,formItemId:`${t}-form-item`,formDescriptionId:`${t}-form-item-description`,formMessageId:`${t}-form-item-message`,...l}},h=n.createContext({});function g({className:e,...r}){let a=n.useId(),l=n.useMemo(()=>({id:a}),[a]);return(0,s.jsx)(h.Provider,{value:l,children:(0,s.jsx)("div",{"data-slot":"form-item",className:(0,o.cn)("grid gap-2",e),...r})})}function p({className:e,...r}){let{error:a,formItemId:l}=x();return(0,s.jsx)(c.J,{"data-slot":"form-label","data-error":!!a,className:(0,o.cn)("data-[error=true]:text-destructive",e),htmlFor:l,...r})}function f({children:e,className:r,...a}){let{error:s,formItemId:l,formDescriptionId:t,formMessageId:i}=x();if(!n.isValidElement(e))throw Error("FormControl requires a valid React element child");return n.cloneElement(e,{...a,"data-slot":"form-control",id:l,"aria-describedby":s?`${t} ${i}`:`${t}`,"aria-invalid":!!s,className:(0,o.cn)(e.props.className,r)})}function b({className:e,...r}){let{error:a,formMessageId:l}=x(),t=a?String(a?.message??""):r.children;return t?(0,s.jsx)("p",{"data-slot":"form-message",id:l,className:(0,o.cn)("text-destructive text-sm",e),...r,children:t}):null}var v=a(43712),j=a(4996),k=a(33968),y=a(29093);function N({className:e,...r}){return(0,s.jsx)(y.z,{"data-slot":"radio-group",className:(0,o.cn)("grid w-full gap-3",e),...r})}function w({className:e,...r}){return(0,s.jsx)(j.U,{"data-slot":"radio-group-item",className:(0,o.cn)("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",e),...r,children:(0,s.jsx)(k.T,{"data-slot":"radio-group-indicator",className:"flex size-4 items-center justify-center",children:(0,s.jsx)("span",{className:"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground"})})})}var C=a(74026),S=a(53053),$=a(95063),F=a(50063),P=a(79748),E=a(46582);function q(){let e=(0,$.c)("components.searchSection"),r=E.object({query:E.string(),categories:E.array(E.string()),time:E.string().optional(),allergens:E.array(E.string()),difficulty:E.string().optional()}),a=(0,$.Y)(),n=(0,P.useRouter)(),o=(0,i.mN)({resolver:(0,F.u)(r),defaultValues:{query:"",categories:[],time:"",allergens:[],difficulty:""}});return(0,s.jsx)("div",{className:"relative px-6 md:px-8 lg:px-12 bg-cover bg-center bg-no-repeat bg-[#ebedfc]",style:{backgroundImage:"url(/clouds.jpg)"},children:(0,s.jsxs)("div",{className:"max-w-6xl mx-auto py-6 md:py-10 lg:py-12",children:[(0,s.jsx)("div",{className:"text-center mb-8",children:(0,s.jsx)(C.X,{as:"h2",className:"mb-4 text-xl decoration-3 md:text-3xl lg:text-3xl",children:e("title")})}),(0,s.jsx)(d,{...o,children:(0,s.jsxs)("form",{onSubmit:o.handleSubmit(e=>{let r=new URLSearchParams;e.query?.trim()&&r.append("query",e.query.trim()),e.categories?.forEach(e=>{r.append("categories",e)}),e.time&&r.append("duration",e.time),e.allergens?.forEach(e=>{r.append("allergens",e)}),e.difficulty&&r.append("difficulty",e.difficulty);let s=(0,S.Hm)({href:{pathname:"/search"},locale:a}),l=r.toString(),t=l?`${s}/?${l}`:s;n.push(t)}),className:"space-y-8",children:[(0,s.jsx)(u,{control:o.control,name:"query",render:({field:r})=>(0,s.jsx)(g,{children:(0,s.jsxs)("div",{className:"relative max-w-sm w-full mx-auto",children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:(0,s.jsx)("svg",{className:"w-5 h-5 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})}),(0,s.jsx)(f,{className:"w-full",children:(0,s.jsx)(v.p,{placeholder:e("placeholder"),className:"w-full pl-10 pr-4 py-4 text-lg rounded-lg border-0 shadow-sm focus:ring-2 focus:ring-lilac/50 focus:outline-none bg-white",...r})})]}),(0,s.jsx)(b,{className:"px-4 mt-1"})]})})}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-8 justify-between max-w-2xl mx-auto",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-black mb-3",children:e("categories.title")}),(0,s.jsx)(u,{control:o.control,name:"categories",render:()=>(0,s.jsx)(g,{children:(0,s.jsx)("div",{className:"flex flex-col gap-3",children:[{key:"breakfast",label:e("categories.breakfast")},{key:"saladsSoup",label:e("categories.saladsSoup")},{key:"snacks",label:e("categories.snacks")},{key:"mainDishes",label:e("categories.mainDishes")},{key:"cakesSweet",label:e("categories.cakesSweet")}].map(({key:e,label:r})=>(0,s.jsx)(u,{control:o.control,name:"categories",render:({field:a})=>(0,s.jsxs)(g,{className:"flex flex-row items-center gap-3 space-y-0",children:[(0,s.jsx)(f,{children:(0,s.jsx)(t.S,{

1className:"border-2 border-black shadow-none",checked:a.value?.includes(e),onCheckedChange:r=>r?a.onChange([...a.value,e]):a.onChange(a.value?.filter(r=>r!==e))})}),(0,s.jsx)(p,{className:"cursor-pointer text-black text-sm font-normal",children:r})]})},e))})})})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-black mb-3",children:e("time.title")}),(0,s.jsx)(u,{control:o.control,name:"time",render:({field:r})=>(0,s.jsx)(g,{className:"",children:(0,s.jsx)(f,{children:(0,s.jsx)(N,{onValueChange:r.onChange,value:r.value,className:"flex flex-col gap-3",children:[{key:"20",label:e("time.under20")},{key:"40",label:e("time.under40")},{key:"60",label:e("time.under60")},{key:"61",label:e("time.over60")}].map(({key:e,label:r})=>(0,s.jsxs)(g,{className:"flex items-center gap-3",children:[(0,s.jsx)(f,{children:(0,s.jsx)(w,{value:e,className:"border-2 border-black shadow-none"})}),(0,s.jsx)(p,{className:"cursor-pointer text-black text-sm font-normal",children:r})]},e))})})})})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-black mb-3",children:e("allergens.title")}),(0,s.jsx)(u,{control:o.control,name:"allergens",render:()=>(0,s.jsx)(g,{children:(0,s.jsx)("div",{className:"flex flex-col gap-3",children:[{key:"glutenFree",label:e("allergens.glutenFree")},{key:"soyFree",label:e("allergens.soyFree")},{key:"nutFree",label:e("allergens.nutFree")}].map(({key:e,label:r})=>(0,s.jsx)(u,{control:o.control,name:"allergens",render:({field:a})=>(0,s.jsxs)(g,{className:"flex flex-row items-center gap-3",children:[(0,s.jsx)(f,{children:(0,s.jsx)(t.S,{className:"border-2 border-black shadow-none",checked:a.value?.includes(e),onCheckedChange:r=>r?a.onChange([...a.value,e]):a.onChange(a.value?.filter(r=>r!==e))})}),(0,s.jsx)(p,{className:"cursor-pointer text-black text-sm font-normal",children:r})]})},e))})})})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-bold text-black mb-3",children:e("difficulty.title")}),(0,s.jsx)(u,{control:o.control,name:"difficulty",render:({field:r})=>(0,s.jsx)(g,{className:"flex flex-col gap-3",children:(0,s.jsx)(f,{children:(0,s.jsx)(N,{onValueChange:r.onChange,value:r.value,className:"flex flex-col gap-3",children:[{key:"easy",label:e("difficulty.easy")},{key:"medium",label:e("difficulty.medium")},{key:"challenging",label:e("difficulty.challenging")}].map(({key:e,label:r})=>(0,s.jsxs)(g,{className:"flex items-center gap-3 space-y-0",children:[(0,s.jsx)(f,{children:(0,s.jsx)(w,{value:e,className:"border-2 border-black shadow-none"})}),(0,s.jsx)(p,{className:"cursor-pointer text-black text-sm font-normal",children:r})]},e))})})})})]})]}),(0,s.jsx)("div",{className:"text-center",children:(0,s.jsx)(l.$,{type:"submit",className:"cursor-pointer bg-lilac hover:bg-lilac/90 text-white px-8 py-3 rounded-lg text-base font-medium",children:e("submitButton")})})]})})]})})}},53053:(e,r,a)=>{"use strict";a.d(r,{Hm:()=>s.Hm}),a(7620),a(65587),a(79748);var s=a(75843)},74026:(e,r,a)=>{"use strict";a.d(r,{X:()=>i});var s=a(54568),l=a(17483);let t="font-bogart underline decoration-4",n="leading-[1.36] underline-offset-[0.18em] md:leading-[1.3] md:underline-offset-[0.24em]";function i({as:e="h1",className:r,...a}){return(0,s.jsx)(e,{"data-public-underlined-heading":"",className:(0,l.cn)(t,r,n),...a})}(0,l.cn)(t,n)},75843:(e,r,a)=>{"use strict";a.d(r,{Hm:()=>t});let s={"/":{de:"/",en:"/"},"/[slug]":{de:"/[slug]",en:"/[slug]"},"/recipe":{de:"/rezepte",en:"/recipes"},"/recipe/[slug]":{de:"/rezepte/[slug]",en:"/recipes/[slug]"},"/post/[series]":{de:"/artikel/[series]",en:"/posts/[series]"},"/post/[series]/[slug]":{de:"/artikel/[series]/[slug]",en:"/posts/[series]/[slug]"},"/category/[slug]":{de:"/kategorien/[slug]",en:"/categories/[slug]"},"/search":{de:"/suche",en:"/search"},"/archive/[page]":{de:"/archiv/[page]",en:"/archive/[page]"},"/shared/[token]":{de:"/shared/[token]",en:"/shared/[token]"}};function l(e,r){let a=e?.[r];if(null==a||""===a)throw Error(`Missing route param "${r}"`);return encodeURIComponent(String(a))}function t({href:e,locale:r}){var a;let n=s[e.pathname][r];return"/"===(a=function({params:e,template:r}){return r.replace(/\[\.\.\.([^\]]+)\]/g,(r,a)=>l(e,a)).replace(/\[([^\]]+)\]/g,(r,a)=>l(e,a))}({params:"params"in e?e.params:void 0,template:n}))?`/${r}`:`/${r}${a}`}}

1,85860:(e,r,a)=>{Promise.resolve().then(a.bind(a,42026)),Promise.resolve().then(a.bind(a,97830)),Promise.resolve().then(a.bind(a,61085)),Promise.resolve().then(a.bind(a,99294)),Promise.resolve().then(a.bind(a,14155)),Promise.resolve().then(a.bind(a,200)),Promise.resolve().then(a.bind(a,29847)),Promise.resolve().then(a.t.bind(a,65587,23))}},e=>{e.O(0,[5587,9847,2544,2648,1279,6449,6395,8367,9580,587,9013,7358],()=>e(e.s=85860)),_N_E=e.O()}]);