import{M as j,a as G}from"./BlZxgXjo.js";import{Q as X}from"./Cx-hsoBC.js";import{n as B,t as d,q as i,B as r,v as o,r as h,a9 as J,_ as N,u as D,w as K,Y as W,H as _,a5 as Z,y as l,F as I,G as ee,z as e,I as M,p as O,x as y,D as g,A as te,X as oe}from"./C-p8iwFB.js";import{u as se}from"./LjGqRCMW.js";import{u as ae}from"./By8KGx2a.js";import{u as re}from"./eUkVycX5.js";import{_ as Y}from"./CLiMtjFX.js";import{_ as z}from"./CGEZKsSZ.js";import{e as U,b as $,c as ne,d as ie,u as b}from"./Jyb_KtGK.js";import{t as le}from"./iFiCjxdc.js";import{a as ce}from"./Cl_x7zM3.js";import{c as E,b as me}from"./DuPmjssG.js";import{A as de}from"./E7BClk0C.js";import{A as ue}from"./0q1_Mwst.js";import{a as pe}from"./BWmxHfeH.js";import"./D8ddURuF.js";import"./Bw4pmyJw.js";import"./0J232JST.js";import"./qrlpHzF4.js";import"./D-R8FG10.js";import"./CzhqWxCr.js";import"./CoDoNMKP.js";import"./zZrEEo8J.js";import"./CeX-HMq3.js";import"./BS7h1Lqf.js";import"./BosuxZz1.js";import"./ha1fAqgW.js";import"./B9VnilU9.js";import"./BwoOsL7s.js";const fe={class:"d-flex justify-content-between flex-wrap container"},_e={class:"image-container"},he=B({__name:"OwnStoryHeading",props:{teaserStory:{},ownStoryPicture:{}},setup(R){return(c,m)=>(i(),d("div",fe,[r(Y,{content:c.teaserStory,class:"mb-32 mb-lg-0"},{default:h(({data:u})=>[r(J,{line1:u.line1,line2:u.line2,description:u.description,width:51,colorline2:""},null,8,["line1","line2","description"])]),_:1},8,["content"]),o("div",_e,[r(z,{class:"image",src:c.ownStoryPicture.filename,alt:c.ownStoryPicture.alt},null,8,["src","alt"])])]))}}),ve=N(he,[["__scopeId","data-v-58285238"]]),F=[{id:"fullname",name:"fullname",text:"nameSurname",required:!0,validation:ce().required("global.validation.messages.required")},{id:"branchId",name:"branchId",text:"pickUpPointId",inputmode:E.NUMERIC,required:!0,validation:U().typeError("global.validation.messages.numeric").required("global.validation.messages.required")},{id:"branchName",name:"branchName",text:"pickUpPointName",required:!0,validation:$().required("global.validation.messages.required")},{id:"branchAddress",name:"branchAddress",text:"address",required:!0,validation:$().required("global.validation.messages.required")},{id:"phone",name:"phone",text:"phone",inputmode:E.TEL,required:!0,validation:U().typeError("global.validation.messages.numeric").required("global.validation.messages.required")},{id:"email",name:"email",text:"email",inputmode:E.EMAIL,required:!0,validation:$().email("global.validation.messages.email").required("global.validation.messages.required")}],be={class:"form"},ye={class:"d-flex flex-wrap-reverse"},ge={class:"form-title"},we={class:"preserve-lines"},Se={class:"row form"},Ie=["id"],ke={class:"mb-16"},xe={class:"error-text"},qe={class:"picture-container"},Ae=["innerHTML"],$e={ref:"message",class:"message-container"},Ee={key:0,class:"submission-msg success-msg"},Fe={key:1,class:"submission-msg error-msg"},Me=B({__name:"OwnStoryForm",props:{image:{},teaser:{},info:{}},setup(R,{expose:c}){const{t:m}=D(),u=W(),s=K[u.public.webId].countryCode,w=ne({...le(F)}),{handleSubmit:k,errors:v,values:p,resetForm:f}=ie({validationSchema:w}),x={fullname:b("fullname"),branchId:b("branchId"),branchName:b("branchName"),branchAddress:b("branchAddress"),phone:b("phone"),email:b("email")},T=(a,n)=>{x[a].setValue(n)},C=_(null),V=_(null),q=_(null),P=_(null),H=_(null),S=_(!1),L=k(async()=>{S.value=!0;const a={source:s,fullname:p.fullname,branchId:p.branchId,branchName:p.branchName,branchAddress:p.branchAddress,phone:p.phone,email:p.email};await pe(a).then(n=>{q.value=!0,n.status===200&&(C.value=!0)}).catch(n=>{throw q.value=!0,V.value=!0,n.response.status>=500&&(P.value=!0),n}),Q(),f(),S.value=!1}),Q=()=>{const a=H.value;a&&a.scrollIntoView({block:"end"})};return c({focusInput:()=>{const a=F[0],n=document.getElementById(`own-story-input-${a.name}`);n&&n.focus()}}),(a,n)=>(i(),d("div",be,[o("form",{ref_key:"formRef",ref:H,class:"mb-64",onSubmit:n[0]||(n[0]=Z((...t)=>e(L)&&e(L)(...t),["prevent"]))},[o("div",ye,[o("div",null,[r(Y,{content:a.teaser},{default:h(({data:t})=>[o("h3",ge,[o("span",we,l(t.title),1)])]),_:1},8,["content"]),o("div",Se,[(i(!0),d(I,null,ee(e(F),t=>(i(),d("div",{id:t.id,key:t.id,class:"text-body-extra-small-grey col-lg-6 col-md-12 col-sm-12"},[o("label",ke,l(e(m)(`ownStory.${t.text}`))+l(t.required&&"*"),1),o("div",null,[r(de,{id:`own-story-input-${t.name}`,class:te(["mb-24",{invalid:e(v)[t.name]}]),value:x[t.name].value.value,type:t.type,inputmode:t.inputmode,error:e(v)[t.name],name:t.name,"onInput:change":A=>T(t.name,A),"onInput:blur":A=>T(t.name,A)},{default:h(()=>[o("span",xe,l(e(v)[t.name]&&e(m)(`${e(v)[t.name]}`)),1)]),_:2},1032,["id","value","type","inputmode","error","class","name","onInput:change","onInput:blur"])])],8,Ie))),128))])]),o("div",qe,[r(z,{src:a.image.filename,alt:a.image.alt,class:"picture"},null,8,["src","alt"])])]),o("div",{class:"text-body-small-grey mb-32",innerHTML:a.$renderStoryblokRichtext(a.info)},null,8,Ae),r(M,{disabled:S.value,large:"",type:e(me).SUBMIT},{default:h(()=>[S.value?(i(),O(ue,{key:0,inner:""})):y("",!0),g(" "+l(e(m)("ownStory.send")),1)]),_:1},8,["disabled","type"])],544),o("div",$e,[q.value?(i(),d(I,{key:0},[C.value?(i(),d("p",Ee,l(e(m)("global.forms.success")),1)):y("",!0),V.value?(i(),d("p",Fe,[P.value?(i(),d(I,{key:0},[g(l(e(m)("global.forms.serverError")),1)],64)):(i(),d(I,{key:1},[g(l(e(m)("global.forms.fail")),1)],64))])):y("",!0)],64)):y("",!0)],512)]))}}),Be=N(Me,[["__scopeId","data-v-c33d2494"]]),Ne={class:"pt-120 pb-160 stack-160"},Re={class:"bg-grey-50"},Te={class:"d-flex flex-wrap flow-32"},Ce=B({__name:"ownStory",async setup(R){let c,m;const{t:u}=D(),{story:s}=([c,m]=oe(()=>se()),c=await c,m(),c),w=_(null),k=()=>{var f;p(),(f=w.value)==null||f.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})},v=_(null),p=()=>{var f;(f=v.value)==null||f.focusInput()};return ae(s),re(s),(f,x)=>(i(),d("div",Ne,[r(ve,{"teaser-story":e(s).content.teaserStory,"own-story-picture":e(s).content.ownStoryPicture},null,8,["teaser-story","own-story-picture"]),o("div",Re,[r(j,{"reason-data":e(s).content.reasonStory,class:"container reasons"},{"reason-headline":h(()=>[o("h2",null,l(e(s).content.reasonTitle),1)]),_:1},8,["reason-data"])]),o("div",{ref_key:"formRef",ref:w,class:"container"},[r(Be,{ref_key:"formElementRef",ref:v,image:e(s).content.formImage,teaser:e(s).content.teaserForm,info:e(s).content.personalInfoStatement},null,8,["image","teaser","info"])],512),e(s).content.videoExperience.length?(i(),O(X,{key:0,quotation:e(s).content.videoExperience},null,8,["quotation"])):y("",!0),r(G,{references:e(s).content.reference,teaser:e(s).content.teaserReference},{buttons:h(()=>[o("div",Te,[r(M,{link:e(s).content.videosList},{default:h(()=>[g(l(e(u)("ownStory.moreShows")),1)]),_:1},8,["link"]),r(M,{outline:"",onClick:k},{default:h(()=>[g(l(e(u)("ownStory.wantStory")),1)]),_:1})])]),_:1},8,["references","teaser"])]))}}),pt=N(Ce,[["__scopeId","data-v-8e5addd0"]]);export{pt as default};
//# sourceMappingURL=OANouPMX.js.map