import{d as q,a as A,e as _,s as I,t as v,f as d,g as e,x as i,h as m,i as c,v as p,aH as U,z as B,a9 as E,o as n,_ as S}from"./BxiWQxwE.js";import w from"./DBpB8T-V.js";import{_ as L}from"./Mx_fKW6J.js";import{_ as O}from"./CoLpCmXN.js";import{u as $}from"./DV8hZmlQ.js";const C={key:1,id:"form"},K={class:"form__names"},P={class:"form__input"},T={key:0,class:"error"},j={class:"form__input"},z={key:0,class:"error"},F={class:"form__input"},H={key:0,class:"error"},M={class:"form__input"},R={key:0,class:"error"},J={class:"form__input"},Q={key:0,class:"error"},W={class:"form__input"},X={key:0,class:"error"},y=3,Y=q({__name:"form",props:{stores:{type:Array,required:!0},pickupDates:{type:Array,required:!0},loading:{type:Boolean,required:!1,default:!1},errors:{type:Object,required:!1,default:{}}},setup(t){const f=t,{$messages:l}=A(),{form:o,pastriesSaved:V}=$(),b=_(()=>f.pickupDates.length>=y?y:0);I(()=>f.pickupDates,r=>{if(r.length>0){if(o.value.pickupDate===-1){o.value.pickupDate=Number(r[b.value].seconds);return}r.some(u=>o.value.pickupDate===Number(u.seconds))||(o.value.pickupDate=Number(r[b.value].seconds))}},{immediate:!0});const D=r=>new Date(r*1e3).toLocaleDateString("nl-NL",{weekday:"long",year:"numeric",month:"long",day:"numeric"}),g=_(()=>{var a;const r=((a=f.stores)==null?void 0:a.map(u=>({title:u.name,value:u.id})))??[];return[{title:l("common.selectAStore"),value:-1},...r]}),x=_(()=>f.pickupDates.map(r=>({title:D(r.seconds),value:Number(r.seconds)}))??[]),h=_(()=>({pickupDates:x.value,stores:g.value}));return(r,a)=>{const u=E,G=w,k=L,N=O;return t.loading?(n(),v(u,{key:0,text:e(l)("dekaGebak.order.loading")},null,8,["text"])):(n(),d("div",C,[(e(V)??[]).length>0?(n(),v(G,{key:0})):i("",!0),m("div",K,[m("div",P,[c(k,{id:"firstName",modelValue:e(o).firstName,"onUpdate:modelValue":a[0]||(a[0]=s=>e(o).firstName=s),required:"",label:e(l)("dekaGebak.order.form.labels.firstName"),autocomplete:"given-name",placeholder:e(l)("dekaGebak.order.form.placeholders.firstName")},null,8,["modelValue","label","placeholder"]),t.errors.firstName?(n(),d("small",T,p(t.errors.firstName),1)):i("",!0)]),m("div",j,[c(k,{id:"lastName",modelValue:e(o).lastName,"onUpdate:modelValue":a[1]||(a[1]=s=>e(o).lastName=s),required:"",label:e(l)("dekaGebak.order.form.labels.lastName"),autocomplete:"family-name",placeholder:e(l)("dekaGebak.order.form.placeholders.lastName")},null,8,["modelValue","label","placeholder"]),t.errors.lastName?(n(),d("small",z,p(t.errors.lastName),1)):i("",!0)])]),m("div",F,[c(k,{id:"phoneNumber",modelValue:e(o).phoneNumber,"onUpdate:modelValue":a[2]||(a[2]=s=>e(o).phoneNumber=s),required:"","min-length":10,"max-length":10,pattern:"[0-9]{10}",label:e(l)("dekaGebak.order.form.labels.phoneNumber"),type:"tel",autocomplete:"tel",placeholder:e(l)("dekaGebak.order.form.placeholders.phoneNumber")},null,8,["modelValue","label","placeholder"]),t.errors.phoneNumber?(n(),d("small",H,p(t.errors.phoneNumber),1)):i("",!0)]),m("div",M,[c(k,{id:"email",modelValue:e(o).email,"onUpdate:modelValue":a[3]||(a[3]=s=>e(o).email=s),required:"",label:e(l)("dekaGebak.order.form.labels.email"),autocomplete:"email",type:"email",placeholder:e(l)("dekaGebak.order.form.placeholders.email"),onKeydown:a[4]||(a[4]=U(B(()=>{},["prevent"]),["space"]))},null,8,["modelValue","label","placeholder"]),t.errors.email?(n(),d("small",R,p(t.errors.email),1)):i("",!0)]),m("div",J,[c(N,{id:"store-select",modelValue:e(o).fulfilmentId,"onUpdate:modelValue":a[5]||(a[5]=s=>e(o).fulfilmentId=s),required:"",label:e(l)("dekaGebak.order.form.labels.store"),options:e(h).stores},null,8,["modelValue","label","options"]),t.errors.fulfilmentId?(n(),d("small",Q,p(t.errors.fulfilmentId),1)):i("",!0)]),m("div",W,[c(N,{id:"pickup-date-select",modelValue:e(o).pickupDate,"onUpdate:modelValue":a[6]||(a[6]=s=>e(o).pickupDate=s),required:"",label:e(l)("dekaGebak.order.form.labels.pickupDate"),options:e(h).pickupDates},null,8,["modelValue","label","options"]),t.errors.pickupDate?(n(),d("small",X,p(t.errors.pickupDate),1)):i("",!0)])]))}}}),le=S(Y,[["__scopeId","data-v-ae2210e4"]]);export{le as default};