https://landingpage.autoplus-reifen.at/_next/static/chunks/401.1aad499f9be60d39.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[401],{2188:function(e,a,r){r.d(a,{Z:function(){return i}});var n=r(5893),l=r(5675),s=r.n(l);r(7294);function i(e){var a=e.title,r=e.text,l=e.image,i=void 0!==l&&l,t=e.variant,c=void 0===t?"info":t;return(0,n.jsxs)("div",{className:"alert-box ".concat(c),children:[i&&(0,n.jsx)("div",{className:"image",children:(0,n.jsxs)("picture",{className:"w-full",children:[(0,n.jsx)("source",{srcSet:i.webp,type:"image/webp"}),(0,n.jsx)("img",{src:i.png,alt:"",className:"w-full"})]})}),(0,n.jsxs)("div",{className:"text-wrapper",children:[(0,n.jsx)("div",{className:"icon",children:(0,n.jsx)(s(),{src:"/images/alert/".concat(c,".svg"),alt:"",height:"24",width:"24"})}),(0,n.jsxs)("div",{className:"message",children:[a&&(0,n.jsx)("div",{className:"title",dangerouslySetInnerHTML:{__html:a}}),r&&(0,n.jsx)("div",{className:"text",dangerouslySetInnerHTML:{__html:r}})]})]})]})}},2691:function(e,a,r){r.d(a,{Z:function(){return i}});var n=r(5893);r(7294);function l(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function s(e){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(a){l(e,a,r[a])}))}return e}function i(e){var a,r=e.label,l=e.name,i=e.errors,t=e.placeholder,c=e.register,o=e.type,d=void 0===o?"text":o,m=e.validator,u=void 0===m?{required:!0,minLength:3,maxLength:80}:m,h=e.optional,p=void 0!==h&&h,x=e.autoComplete,f=void 0===x||x;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("label",{htmlFor:"frm_".concat(l),children:[r,p&&(0,n.jsx)("span",{children:"Optional"})]}),(0,n.jsx)("input",s({type:d,className:"form-input ".concat(void 0!==i[l]?"is-invalid":""),id:"frm_".concat(l),autoComplete:f.toString(),placeholder:t},c(l,u))),i[l]&&(0,n.jsx)("div",{className:"invalid-feedback",children:(null===(a=i[l])||void 0===a?void 0:a.message)?i[l].message:"".concat(r," ung\xfcltig.")})]})}},401:function(e,a,r){r.r(a),r.d(a,{default:function(){return h}});var n=r(5893),l=r(2188),s=r(2691),i=r(1664),t=r.n(i),c=r(7294),o=r(1844),d=r(7536);function m(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function u(e){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(a){m(e,a,r[a])}))}return e}function h(){var e=(0,d.cI)(),a=e.register,r=e.handleSubmit,i=e.reset,m=e.formState.errors,h=(0,c.useState)(!0),p=h[0],x=h[1],f=(0,c.useState)(!1),j=f[0],g=f[1],v=(0,c.useState)(!1),b=v[0],N=v[1];return(0,n.jsxs)("section",{id:"kontakt-form",className:"form kontakt",children:[(0,n.jsx)("h2",{children:"Ihre Kontaktdaten"}),(0,n.jsxs)("form",{onSubmit:r((function(e){if(N(!1),!1===p){g(!1);var a;(a=e).mdntn&&""!=a.mdntn?(N(!0),i()):(0,o.l9)(a).then((function(e){!1===e.success||(N(!0),i())}))}else g(!0)}),(function(e,a){a.preventDefault(),N(!1)})),children:[(0,n.jsxs)("div",{className:" grid grid-cols-1 md:grid-cols-4 lg:grid-cols-8 gap-x-10 gap-y-6 mb-4 ",children:[(0,n.jsxs)("div",{className:"group md:col-span-8 lg:col-span-4",children:[(0,n.jsxs)("label",{children:["Anrede",(0,n.jsx)("span",{children:"Optional"})]}),(0,n.jsxs)("ul",{className:"space-x-4",children:[(0,n.jsx)("li",{className:"inline-block",children:(0,n.jsxs)("div",{className:"form-radio",children:[(0,n.jsx)("input",u({className:"form-radio-input",type:"radio",value:"herr",id:"herr",name:"anrede"},a("anrede"))),(0,n.jsx)("label",{className:"text-label form-radio-label",htmlFor:"herr",children:"Herr"})]})}),(0,n.jsx)("li",{className:"inline-block",children:(0,n.jsxs)("div",{className:"form-radio",children:[(0,n.jsx)("input",u({className:"form-radio-input",type:"radio",value:"frau",id:"frau",name:"anrede"},a("anrede"))),(0,n.jsx)("label",{className:"text-label form-radio-label",htmlFor:"frau",children:"Frau"})]})}),(0,n.jsx)("li",{className:"inline-block",children:(0,n.jsxs)("div",{className:"form-radio",children:[(0,n.jsx)("input",u({className:"form-radio-input",type:"radio",value:"firma",id:"firma",name:"anrede"},a("anrede"))),(0,n.jsx)("label",{className:"text-label form-radio-label",htmlFor:"firma",children:"Firma"})]})})]})]}),(0,n.jsx)("div",{className:"hidden md:block md:col-span-8 lg:col-span-4"}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsx)(s.Z,{label:"Vorname",name:"vorname",placeholder:"Max",register:a,errors:m})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsx)(s.Z,{label:"Nachname",name:"nachname",placeholder:"Mustermann",register:a,errors:m})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsx)(s.Z,{label:"Firma",name:"firma",placeholder:"Firmenwortlaut",optional:!0,register:a,errors:m,validator:{required:!1,minLength:3,maxLength:80}})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-3",children:(0,n.jsx)(s.Z,{label:"Ort",name:"ort",placeholder:"Ortsname",optional:!0,register:a,errors:m,validator:{required:!1,minLength:3,maxLength:80}})}),(0,n.jsx)("div",{className:"hidden",children:(0,n.jsx)(s.Z,{label:"Mdntn",name:"mdntn",placeholder:"1234",optional:!0,type:"number",register:a,errors:m,autoComplete:!1,validator:{required:!1,minLength:3}})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-1",children:(0,n.jsx)(s.Z,{label:"Plz",name:"plz",placeholder:"1234",optional:!0,type:"number",register:a,errors:m,validator:{required:!1,minLength:4,maxLength:4}})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsx)(s.Z,{label:"Telefonnummer",name:"telefon",placeholder:"0664 1234567 oder 01 1234567",optional:!0,type:"tel",register:a,errors:m,validator:{required:!1,minLength:4,maxLength:80}})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsx)(s.Z,{label:"E-Mail-Adresse",name:"email",placeholder:"[email protected]",register:a,errors:m,validator:{required:!0,pattern:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i}})}),(0,n.jsx)("div",{className:"group md:col-span-8 lg:col-span-4",children:(0,n.jsxs)("div",{className:"group",children:[(0,n.jsx)("label",{children:"Kontaktauf

1nahme"}),(0,n.jsxs)("ul",{className:"md:space-x-4 ".concat(m.kontaktaufnahme?"is-invalid":""),children:[(0,n.jsx)("li",{className:"inline-block mr-5",children:(0,n.jsxs)("div",{className:"form-radio",children:[(0,n.jsx)("input",u({className:"form-radio-input",type:"radio",value:"mail",id:"mail",name:"kontaktaufnahme"},a("kontaktaufnahme",{required:!0}))),(0,n.jsx)("label",{className:"text-label form-radio-label",htmlFor:"mail",children:"Antwort per E-Mail"})]})}),(0,n.jsx)("li",{className:"inline-block mr-5",children:(0,n.jsxs)("div",{className:"form-radio",children:[(0,n.jsx)("input",u({className:"form-radio-input",type:"radio",value:"telefon",id:"telefon",name:"kontaktaufnahme"},a("kontaktaufnahme",{required:!0}))),(0,n.jsx)("label",{className:"text-label form-radio-label",htmlFor:"telefon",children:"R\xfcckruf per Telefon"})]})})]}),m.kontaktaufnahme&&(0,n.jsx)("div",{className:"invalid-feedback",children:"Bitte w\xe4hlen Sie die gew\xfcnschte Kontaktaufnahme"})]})}),(0,n.jsx)("div",{className:"hidden md:block md:col-span-8 lg:col-span-4"}),(0,n.jsx)("div",{className:"md:col-span-8",children:(0,n.jsx)("div",{className:"trenner"})}),(0,n.jsx)("div",{className:"md:col-span-5",children:(0,n.jsx)("div",{className:"group",children:(0,n.jsxs)("div",{className:"form-check",children:[(0,n.jsx)("input",{className:"form-check-input",type:"checkbox",value:"1",id:"dsgvo",name:"dsgvo",onChange:function(){x(!p)}}),(0,n.jsxs)("label",{className:"text-label form-check-label font-sans text-xs text-gray",htmlFor:"dsgvo",children:["Ich habe die"," ",(0,n.jsx)(t(),{href:"/datenschutzerklaerung",passHref:!0,children:(0,n.jsx)("a",{target:"_blank",children:"Datenschutzerkl\xe4rung"})})," ","gelesen, verstanden und stimme der Verarbeitung meiner Daten zu."]})]})})}),(0,n.jsx)("div",{className:"md:col-span-8",children:(0,n.jsx)("div",{className:"trenner"})})]}),!0===j&&(0,n.jsx)("div",{children:(0,n.jsx)(l.Z,{title:"Datenschutzerkl\xe4rung zustimmen",text:"Bitte lesen Sie unsere Datenschutzerkl\xe4rung und akzeptieren diese, um Ihre Anfrage zu senden.",variant:"error"})}),!0===b&&(0,n.jsx)("div",{children:(0,n.jsx)(l.Z,{title:"Wir haben Ihre Anfrage erhalten",text:"Vielen Dank f\xfcr Ihre Anfrage, wir haben Ihre Kontaktdaten erhalten und melden uns demn\xe4chst.",variant:"success"})}),(0,n.jsx)("div",{className:"flex justify-center pt-2",children:(0,n.jsx)("button",u({className:"btn btn-primary pl-12 pr-12"},a("submit"),{children:"Anfrage senden"}))})]})]})}}}]);