https://kyivvyshyvka.com/_nuxt/CIWmOVQz.js

1import{a as B,b as S,c as C,g as U}from"./DX0oSDmR.js";import{_ as D}from"./CfzwSo4G.js";import{a6 as L,H as O,a as T,o as j,c as A,f as a,t as u,d as s,h as t,C as H,_ as E,r as g,a7 as N,s as z,v as M}from"./CI8n6MCh.js";import P from"./C6fwMxey.js";const R={class:"flex flex-col gap-4 w-full"},Z={class:"flex flex-col gap-1.5"},G={class:"text-sm font-medium",for:"in_label"},J={class:"py-2"},K=["id"],Q=["for"],W={class:"text-sm"},X=["disabled"],Y={class:"text-white font-common font-normal"},ae={__name:"OrderServiceForm",props:{formId:{type:String,required:!0}},emits:["closeForm"],setup(r,{emit:v}){const b=v,y=M(),_=L(),p=O(),{t:c}=T(),i=g(null),V=["Футболка","Vue","Nuxt","Laravel"],f=["Вишивка","Шовкотрафаретний друк","DTF друк","Термодрук","Сублімація"],e=g({email:"",phone:"",category_id:V[0],method:f[0],quantity:"",comment:"",files:null,confirm:!1}),{requiredField:d,validateForm:h}=N(e),w=o=>{const l=o.target.files[0]||null;e.value.files=l,d(o)},$=async()=>{h(i.value);const o=new FormData;o.append("email",e.value.email),o.append("phone",e.value.phone),o.append("category_id",e.value.category_id),o.append("method",e.value.method),o.append("quantity",e.value.quantity),o.append("comment",e.value.comment),e.value.files&&o.append("files[main]",e.value.files);try{const l=await $fetch(`${y.public.apiBase}/api/v1/application?objectId=1&type=A`,{headers:{Accept:"application/json",Authorization:`Bearer ${_.value}`},method:"POST",body:o});l&&(p.add({severity:"success",summary:c("Успіх"),detail:l.message,life:3e3}),Object.keys(e.value).forEach(m=>{e.value[m]=""}),U("Замовити послугу"),b("closeForm"))}catch{p.add({severity:"error",summary:c("Помилка"),detail:response.message,life:3e3})}},x=z(()=>i.value?h(i.value):!1);return(o,l)=>{const m=B,I=D,F=S,k=E,q=C;return j(),A("div",{ref_key:"orderServiceForm",ref:i,class:"flex w-full h-full flex-col gap-8 order-service__form"},[a("div",R,[a("span",Z,[a("label",G,u(o.$t("Оберіть метод брендування")),1),s(t(P),{modelValue:t(e).method,"onUpdate:modelValue":l[0]||(l[0]=n=>t(e).method=n),inputId:"in_label",options:f,class:"w-full"},null,8,["modelValue"])]),s(m,{onInput:t(d),modelValue:t(e).quantity,"onUpdate:modelValue":l[1]||(l[1]=n=>t(e).quantity=n),required:"","min-length":1,id:r.formId+"count",placeholder:"1",label:o.$t("Кількість"),type:"number"},null,8,["onInput","modelValue","id","label"]),s(I,{modelValue:t(e).comment,"onUpdate:modelValue":l[2]||(l[2]=n=>t(e).comment=n),id:r.formId+"comment",label:o.$t("Коментар"),type:"text",placeholder:o.$t("Додайте свій коментар"),class:"text-blue-darks"},null,8,["modelValue","id","label","placeholder"]),s(m,{onInput:t(d),modelValue:t(e).email,"onUpdate:modelValue":l[3]||(l[3]=n=>t(e).email=n),id:r.formId+"email",label:o.$t("Email"),type:"email",required:"",placeholder:o.$t("[email protected]")},null,8,["onInput","modelValue","id","label","placeholder"]),s(F,{onInput:t(d),modelValue:t(e).phone,"onUpdate:modelValue":l[4]||(l[4]=n=>t(e).phone=n),label:o.$t("Телефон"),id:r.formId+"phone",required:"",placeholder:o.$t("+38 (063) 000-0000")},null,8,["onInput","modelValue","label","id","placeholder"]),a("span",J,[a("input",{id:r.formId+"logo",type:"file",hidden:"",onChange:w,accept:"image/*"},null,40,K),a("label",{for:r.formId+"logo",class:H(["flex items-center gap-2 border p-1 border-dashed rounded-xl cursor-pointer transition-colors duration-300 hover:border-hover-color",{"border-hover-color":t(e).files}])},[s(k,{src:"/images/cart.png",width:"32",height:"32",format:"webp",alt:"logo"}),a("p",W,u(t(e).files?t(e).files.name:o.$t("Натисніть, щоб завантажити Логотип")),1)],10,Q),l[6]||(l[6]=a("span",{class:"input-validation-error"},null,-1))]),s(q,{modelValue:t(e).confirm,"onUpdate:modelValue":l[5]||(l[5]=n=>t(e).confirm=n),text:o.$t("Відправляючи запит, ви погоджуєтеся на обробку ваших персональних даних, відправлених у формі вище.")},null,8,["modelValue","text"])]),a("button",{onClick:$,disabled:!t(e).confirm||!t(x),class:"group disabled:cursor-not-allowed disabled:bg-gray w-full primary-button flex items-center justify-between pl-[32px] pr-4 py-3.5 text-left"},[a("p",Y,u(o.$t("Замовити")),1),l[7]||(l[7]=a("span",{class:"bg-white p-2.5 rounded-full"},[a("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[a("path",{class:"group-disabled:fill-gray group-hover:fill-hover-color transition-colors duration-300",d:"M8.33624 2.84003L1.17628 10L0 8.82373L7.15913 1.66376H0.849348V0H10V9.15065H8.33624V2.84003Z",fill:"#1B1F3B"})])],-1))],8,X)],512)}}};export{ae as _};