1import{_ as h,a as b}from"./Checkbox.aa4468dd.js";import{_ as x}from"./Button.2cf4d493.js";import f from"./Icon.adc8643e.js";import{u as _}from"./main.58937872.js";import{f as c,i as v,c as a,a as t,b as s,t as d,j as n,o as r}from"./entry.50eae35f.js";import"./_plugin-vue_export-helper.c27b6911.js";import"./index.b8fe2cb5.js";const y={class:"min-h-screen bg-white"},k={class:"max-w-6xl mx-auto px-4 py-12 md:py-20"},w=t("h1",{class:"text-2xl md:text-3xl font-bold text-club text-center mb-12"}," Compila il form per ricevere gratuitamente la guida ",-1),C={class:"flex flex-col md:flex-row gap-10 items-start"},z=t("div",{class:"w-full md:w-5/12 flex justify-center"},[t("img",{src:"https://cdn.nibble.it/website/img/bc-alessio/copertina-guida.jpg",alt:"Copertina della guida: Come scegliere il giusto operatore di connettività per la tua azienda",class:"w-72 md:w-80 rounded-lg shadow-lg",width:"1280",height:"1810"})],-1),E={class:"w-full md:w-7/12"},S={key:0,class:"space-y-5"},B={key:0,class:"text-xs text-red-500 px-2"},I={key:1,class:"text-xs text-red-500 px-2"},R={key:2,class:"text-xs text-red-500 px-2"},U={key:3,class:"text-xs text-red-500 px-2"},j={class:"pt-2"},F=t("p",{class:"text-xs font-semibold text-club mb-2"},"ACCETTO*",-1),N={key:0,class:"text-xs text-red-500 px-2"},T={class:"pt-2"},D={key:4,class:"text-red-500 text-sm text-center"},L={key:1,class:"flex flex-col items-center justify-center py-12"},V=t("div",{class:"text-xl font-semibold text-center text-club mt-4"}," Richiesta inviata correttamente! ",-1),A=t("div",{class:"mt-2 text-center text-club"}," Grazie! Riceverai la guida al tuo indirizzo email. ",-1),G=t("div",{class:"max-w-4xl mx-auto px-4 pb-16 text-center"},[t("p",{class:"text-lg font-semibold text-club"},"Buona lettura!"),t("p",{class:"text-sm text-gray-500 mt-2"}," Se un tuo collaboratore desidera scaricare la guida, ti preghiamo di ripetere la procedura con un differente indirizzo email. ")],-1),M=_();function O(o){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o)}const P=c({name:"BcAlessio",data(){return{loading:!1,submitted:!1,serverError:!1,icons:M.icons,model:{nome:"",cognome:"",email:"",cellulare:"",gdpr:!1},errors:{nome:"",cognome:"",email:"",cellulare:"",gdpr:""}}},methods:{validateForm(){let o=!0;return this.errors={nome:"",cognome:"",email:"",cellulare:"",gdpr:""},this.model.nome.trim()||(this.errors.nome="Il nome è obbligatorio",o=!1),this.model.cognome.trim()||(this.errors.cognome="Il cognome è obbligatorio",o=!1),this.model.email.trim()?O(this.model.email)||(this.errors.email="Email non valida",o=!1):(this.errors.email="L'email è obbligatoria",o=!1),this.model.cellulare.trim()||(this.errors.cellulare="Il cellulare è obbligatorio",o=!1),this.model.gdpr||(this.errors.gdpr="Devi accettare la privacy policy",o=!1),o},async handleSubmit(){if(this.validateForm()){this.loading=!0,this.serverError=!1;try{await $fetch("/api/bcalessio",{method:"POST",body:{nome:this.model.nome,cognome:this.model.cognome,email:this.model.email,cellulare:this.model.cellulare}}),this.submitted=!0}catch{this.serverError=!0}finally{this.loading=!1}}}}}),X=c({...P,setup(o){return v({title:"Guida alla connettività aziendale",description:"Compila il form e ricevi gratuitamente la guida: come scegliere il giusto operatore di connettività per la tua azienda.",image:"https://cdn.nibble.it/website/img/bc-alessio/copertina-guida.jpg"}),(e,i)=>{const m=h,p=b,u=x,g=f;return r(),a("div",y,[t("div",k,[w,t("div",C,[z,t("div",E,[e.submitted?(r(),a("div",L,[s(g,{name:e.icons.ux.check_circle,size:"80",class:"text-ynibble"},null,8,["name"]),V,A])):(r(),a("div",S,[s(m,{label:"Nome*",id:"bc_nome",placeholder:"Mario",text:e.model.nome,"onUpdate:text":i[0]||(i[0]=l=>e.model.nome=l)},null,8,["text"]),e.errors.nome?(r(),a("span",B,d(e.errors.nome),1)):n("",!0),s(m,{label:"Cognome*",id:"bc_cognome",placeholder:"Rossi",text:e.model.cognome,"onUpdate:text":i[1]||(i[1]=l=>e.model.cognome=l)},null,8,["text"]),e.errors.cognome?(r(),a("span",I,d(e.errors.cognome),1)):n("",!0),s(m,{label:"Email aziendale*",id:"bc_email",placeholder:"[email protected]",text:e.model.email,"onUpdate:text":i[2]||(i[2]=l=>e.model.email=l)}
1,null,8,["text"]),e.errors.email?(r(),a("span",R,d(e.errors.email),1)):n("",!0),s(m,{label:"Cellulare*",id:"bc_cellulare",placeholder:"3331234567",text:e.model.cellulare,"onUpdate:text":i[3]||(i[3]=l=>e.model.cellulare=l)},null,8,["text"]),e.errors.cellulare?(r(),a("span",U,d(e.errors.cellulare),1)):n("",!0),t("div",j,[F,s(p,{id:"bc_gdpr",label:"Dichiaro di aver letto e di accettare la <a href='/privacy-policy.pdf' target='_blank' class='underline text-ynibble'>politica di privacy</a> ai sensi dell'art. 13 del Regolamento (UE) 2016/679 ed esprimo il consenso al trattamento dei miei dati personali a fini promozionali e commerciali.",checkbox:e.model.gdpr,"onUpdate:checkbox":i[4]||(i[4]=l=>e.model.gdpr=l)},null,8,["label","checkbox"]),e.errors.gdpr?(r(),a("span",N,d(e.errors.gdpr),1)):n("",!0)]),t("div",T,[s(u,{isLoading:e.loading,label:"Ricevi la guida",type:"primary",onClick:e.handleSubmit},null,8,["isLoading","onClick"])]),e.serverError?(r(),a("p",D," Si è verificato un errore. Riprova più tardi. ")):n("",!0)]))])])]),G])}}});export{X as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.