2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
import{g as W,_ as po,r as T,u as Y,c as Z,o as mo,a as bo,b as M,d as q,l as V,w as G,m as U,e as o,n as go,F as oo,f as vo,h as t,t as $,i as H,j as eo,p as xo,B as wo,C as f,D as ko,v as yo,x as d,y as b,E as u,G as c,H as z,I as Co,s as _o,J as So}from"./index-BmU8V2V2.js";import{P as ho}from"./PrimaryButton-Bm01EosZ.js";import{S as O}from"./SectionTitle-CrHOP_mf.js";import{u as Vo}from"./vee-validate-uNXg2txt.js";const Ao=async g=>{try{const{data:v}=await W.post("/gestionfnb",g);return v}catch(v){throw console.log(v),new Error("Error creating cupo fnb")}},Fo=async()=>{try{const{data:g}=await W.get("/loadsliderfnb");return g}catch(g){throw console.log(g),new Error("Error getting slider fnb")}},Mo="/assets/img42.png",qo={class:"slider-container mx-auto py-8 px-4 sm:px-6 lg:px-8 max-w-5xl"},Go={class:"relative z-10 w-full overflow-hidden rounded-t-[35px] rounded-b-[35px] shadow-lg mt-6"},Uo=["src","alt"],$o={class:"absolute bottom-0 left-0 right-0 bg-black bg-opacity-50 text-white p-4 pl-7"},Eo={class:"text-left text-lg"},Lo={class:"absolute top-4 left-1/2 transform -translate-x-1/2 flex space-x-2"},Io={__name:"SliderCupoComponent",setup(g){const v="https://www.gasesdeloriente.com.co",p=T(null),m=T(0),{data:x}=Y({queryKey:["sliderFnb"],queryFn:()=>Fo(),retry:!1}),w=Z(()=>{var C;return((C=x==null?void 0:x.value)==null?void 0:C.records)||[]}),s=()=>{clearInterval(p.value),k()},n=()=>{m.value=(m.value+1)%w.value.length,s()},E=()=>{m.value=(m.value-1+w.value.length)%w.value.length,s()},k=()=>{p.value=setInterval(()=>{n()},3e3)},a=T(!1),L=()=>{clearInterval(p.value),p.value=null,a.value=!0},y=()=>{p.value||(k(),a.value=!1)};return mo(()=>{k()}),bo(()=>{clearInterval(p.value)}),(C,i)=>(M(),q("div",qo,[V(O,null,{default:G(()=>i[0]||(i[0]=[U("Cupo aprobado")])),_:1}),o("div",Go,[o("div",{class:"flex transition-transform duration-500",style:go({transform:`translateX(-${m.value*100}%)`})},[(M(!0),q(oo,null,vo(w.value,(_,S)=>(M(),q("div",{key:S,class:"w-full flex-shrink-0 relative"},[o("img",{src:`${t(v)}/${_.imagen}`,alt:_.description,class:"w-full object-cover pb-11"},null,8,Uo),o("div",$o,[o("div",Eo,$(_.description),1)])]))),128))],4),o("button",{onClick:E,class:"absolute top-1/2 left-4 transform -translate-y-1/2 bg-opacity-75 p-2 rounded-full shadow-lg focus:outline-none"},i[1]||(i[1]=[o("svg",{class:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[o("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1)])),o("button",{onClick:n,class:"absolute top-1/2 right-4 transform -translate-y-1/2 bg-opacity-75 p-2 rounded-full shadow-lg focus:outline-none"},i[2]||(i[2]=[o("svg",{class:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[o("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})],-1)])),o("div",Lo,[o("button",{onClick:L,class:H([{"bg-gray-300":a.value,"bg-gray-100":!a.value,"shadow-lg":a.value},"bg-gray-100 py-2 px-2 shadow-md rounded-full"])},i[3]||(i[3]=[eo('<svg viewBox="-1 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="10px" fill="#000000" data-v-50e28b44><g id="SVGRepo_bgCarrier" stroke-width="0" data-v-50e28b44></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-50e28b44></g><g id="SVGRepo_iconCarrier" data-v-50e28b44><title data-v-50e28b44>pause [#1006]</title><desc data-v-50e28b44>Created with Sketch.</desc><defs data-v-50e28b44></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" data-v-50e28b44><g id="Dribbble-Light-Preview" transform="translate(-227.000000, -3765.000000)" fill="#000000" data-v-50e28b44><g id="icons" transform="translate(56.000000, 160.000000)" data-v-50e28b44><path d="M172,3605 C171.448,3605 171,3605.448 171,3606 L171,3612 C171,3612.552 171.448,3613 172,3613 C172.552,3613 173,3612.552 173,3612 L173,3606 C173,3605.448 172.552,3605 172,3605 M177,3606 L177,3612 C177,3612.552 176.552,3613 176,3613 C175.448,3613 175,3612.552 175,3612 L175,3606 C175,3605.448 175.448,3605 176,3605 C176.552,3605 177,3605.448 177,3606" id="pause-[#1006]" data-v-50e28b44></path></g></g></g></g></svg>',1)]),2),o("button",{onClick:y,class:H([{"bg-gray-300":!a.value,"bg-gray-100":a.value,"shadow-lg":!a.value},"bg-gray-100 py-2 px-2 shadow-md rounded-full"])},i[4]||(i[4]=[o("svg",{viewBox:"-3 0 28 28",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","xmlns:sketch":"http://www.bohemiancoding.com/sketch/ns",width:"10px",height:"10px",fill:"#000000"},[o("g",{id:"SVGRepo_bgCarrier","stroke-width":"0"}),o("g",{id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),o("g",{id:"SVGRepo_iconCarrier"},[o("title",null,"play"),o("desc",null,"Created with Sketch Beta."),o("defs"),o("g",{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","sketch:type":"MSPage"},[o("g",{id:"Icon-Set-Filled","sketch:type":"MSLayerGroup",transform:"translate(-419.000000, -571.000000)",fill:"#000000"},[o("path",{d:"M440.415,583.554 L421.418,571.311 C420.291,570.704 419,570.767 419,572.946 L419,597.054 C419,599.046 420.385,599.36 421.418,598.689 L440.415,586.446 C441.197,585.647 441.197,584.353 440.415,583.554",id:"play","sketch:type":"MSShapeGroup"})])])])],-1)]),2)])])]))}},Bo=po(Io,[["__scopeId","data-v-50e28b44"]]),Do={class:"max-w-5xl mx-auto p-8"},Po=["innerHTML"],No={class:"flex justify-center items-center"},Ro={class:"max-w-5xl mx-auto p-8"},jo={class:"mb-12 text-justify"},To={class:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"},zo={class:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"},Ho={class:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-2"},Oo={class:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-2"},Ko={class:"text-sm mt-4 text-justify"},Jo={class:"mt-4"},Qo={class:"inline-flex items-center"},Xo={class:"mt-4"},ee={__name:"FnbView",setup(g){const v="https://www.gasesdeloriente.com.co",p=xo(),m=Z(()=>_o.contrast),x=wo({producto:f().required(),codigo_user_gas:f().required(),empresa_servicio:f().required(),ciudad:f().required(),nombre:f().required(),tipo_documento:f().required(),numero_documento:f().required(),direccion:f().required(),barrio:f().required(),celular:f().required(),correo:f().required(),acepto_terminos:ko().oneOf([!0]).required()}),{values:w,defineField:s,errors:n,handleSubmit:E,resetForm:k}=Vo({validationSchema:x}),[a,L]=s("producto"),[y,C]=s("codigo_user_gas"),[i,_]=s("empresa_servicio"),[S,to]=s("ciudad"),[I,ro]=s("nombre"),[B,so]=s("tipo_documento"),[D,lo]=s("numero_documento"),[P,no]=s("direccion"),[N,io]=s("barrio"),[R,ao]=s("celular"),[j,uo]=s("correo"),[A,co]=s("acepto_terminos"),K=E(l=>{const e={producto:l.producto,codigo_user_gas:l.codigo_user_gas,empresa_servicio:l.empresa_servicio,ciudad:l.ciudad,nombre:l.nombre,tipo_documento:l.tipo_documento,numero_documento:l.numero_documento,direccion:l.direccion,barrio:l.barrio,celular:l.celular,correo:l.correo,acepto_terminos:l.acepto_terminos};Ao(e).then(()=>{p.success("Registro exitoso"),k()}).catch(F=>{p.error("Error al enviar la solicitud"),console.error(F)})}),{data:h}=Y({queryKey:["cupoFnb"],queryFn:()=>So(),retry:!1}),fo=l=>{window.open(l,"_blank")};return(l,e)=>{var F,J,Q;return M(),q(oo,null,[V(Bo),o("div",Do,[V(O,null,{default:G(()=>e[14]||(e[14]=[U("¿Dónde comprar?")])),_:1}),o("p",{class:"mb-2 whitespace-pre-line",innerHTML:(F=t(h))==null?void 0:F.descripcion_fnb},null,8,Po),o("div",No,[o("img",{onClick:e[0]||(e[0]=r=>{var X;return fo(`${t(v)}/${(X=t(h))==null?void 0:X.donde_comprar_fnb}`)}),src:Mo,alt:"boton donde comprar",class:"cursor-pointer hover:scale-105 transition-all my-12 w-4/5 mx-auto"})])]),o("div",Ro,[V(O,null,{default:G(()=>{var r;return[U($((r=t(h))==null?void 0:r.titulo_formulario),1)]}),_:1}),o("p",jo,$((J=t(h))==null?void 0:J.descripcion_formulario),1),o("form",{onSubmit:e[13]||(e[13]=yo((...r)=>t(K)&&t(K)(...r),["prevent"])),class:H([{"bg-black":m.value,"bg-white":!m.value},"space-y-4 p-6 rounded-2xl shadow-[0_5px_25px_rgba(0,0,0,0.1)]"])},[o("div",null,[e[15]||(e[15]=o("label",{for:"producto",class:"block text-sm font-semibold"},"Producto de tu interés",-1)),d(o("input",u({"onUpdate:modelValue":e[1]||(e[1]=r=>c(a)?a.value=r:null)},t(L),{id:"producto",type:"text",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).producto}]}),null,16),[[b,t(a)]])]),o("div",To,[o("div",null,[e[16]||(e[16]=o("label",{for:"codigoUsuario",class:"block text-sm font-semibold"},"Código de usuario del servicio del gas",-1)),d(o("input",u({"onUpdate:modelValue":e[2]||(e[2]=r=>c(y)?y.value=r:null)},t(C),{id:"codigoUsuario",type:"text",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).codigo_user_gas}]}),null,16),[[b,t(y)]])]),o("div",null,[e[18]||(e[18]=o("label",{for:"empresaServicio",class:"block text-sm font-semibold"},"Empresa que te presta el servicio de gas",-1)),d(o("select",u({id:"empresaServicio","onUpdate:modelValue":e[3]||(e[3]=r=>c(i)?i.value=r:null)},t(_),{class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).empresa_servicio}]}),e[17]||(e[17]=[o("option",{value:"",disabled:""},"Selecciona una opción",-1),o("option",{value:"Gases del Oriente"},"Gases del Oriente",-1),o("option",{value:"Alcanos"},"Alcanos",-1),o("option",{value:"Metrogas"},"Metrogas",-1)]),16),[[z,t(i)]])]),o("div",null,[e[20]||(e[20]=o("label",{for:"ciudad",class:"block text-sm font-semibold"},"¿En cuál ciudad vives?",-1)),d(o("select",u({id:"ciudad","onUpdate:modelValue":e[4]||(e[4]=r=>c(S)?S.value=r:null)},t(to),{class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).ciudad}]}),e[19]||(e[19]=[eo('<option value="" disabled>Selecciona una opción</option><option value="Cúcuta">Cúcuta </option><option value="Curití">Curití </option><option value="Espinal">Espinal </option><option value="Flandes">Flandes </option><option value="Floridablanca">Floridablanca </option><option value="Fusagasugá">Fusagasugá </option><option value="Girardot">Girardot </option><option value="Girón">Girón </option><option value="Ibagué">Ibagué </option><option value="La Dorada">La Dorada </option><option value="Melgar">Melgar </option><option value="Neiva">Neiva </option><option value="Piedecuesta">Piedecuesta </option><option value="Ricaurte">Ricaurte </option><option value="San Gil">San Gil </option><option value="Villanueva">Villanueva </option>',17)]),16),[[z,t(S)]])])]),o("div",zo,[o("div",null,[e[21]||(e[21]=o("label",{for:"nombre",class:"block text-sm font-semibold"},"Nombre completo",-1)),d(o("input",u({"onUpdate:modelValue":e[5]||(e[5]=r=>c(I)?I.value=r:null)},t(ro),{type:"text",id:"nombre",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).nombre}]}),null,16),[[b,t(I)]])]),o("div",null,[e[23]||(e[23]=o("label",{for:"tipoDocumento",class:"block text-sm font-semibold"},"Tipo de documento",-1)),d(o("select",u({id:"tipoDocumento","onUpdate:modelValue":e[6]||(e[6]=r=>c(B)?B.value=r:null)},t(so),{class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).tipo_documento}]}),e[22]||(e[22]=[o("option",{value:"",disabled:""},"Selecciona una opción",-1),o("option",{value:"C.C"},"C.C",-1),o("option",{value:"NIT"},"NIT",-1),o("option",{value:"C.E"},"C.E",-1)]),16),[[z,t(B)]])]),o("div",null,[e[24]||(e[24]=o("label",{for:"numeroDocumento",class:"block text-sm font-semibold"},"Número de documento",-1)),d(o("input",u({"onUpdate:modelValue":e[7]||(e[7]=r=>c(D)?D.value=r:null)},t(lo),{type:"text",id:"numeroDocumento",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).numero_documento}]}),null,16),[[b,t(D)]])])]),o("div",Ho,[o("div",null,[e[25]||(e[25]=o("label",{for:"direccion",class:"block text-sm font-semibold"},"Dirección",-1)),d(o("input",u({"onUpdate:modelValue":e[8]||(e[8]=r=>c(P)?P.value=r:null)},t(no),{type:"text",id:"direccion",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).direccion}]}),null,16),[[b,t(P)]])]),o("div",null,[e[26]||(e[26]=o("label",{for:"barrio",class:"block text-sm font-semibold"},"Barrio",-1)),d(o("input",u({"onUpdate:modelValue":e[9]||(e[9]=r=>c(N)?N.value=r:null)},t(io),{type:"text",id:"barrio",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).barrio}]}),null,16),[[b,t(N)]])])]),o("div",Oo,[o("div",null,[e[27]||(e[27]=o("label",{for:"celular",class:"block text-sm font-semibold"},"Celular",-1)),d(o("input",u({"onUpdate:modelValue":e[10]||(e[10]=r=>c(R)?R.value=r:null)},t(ao),{type:"text",id:"celular",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).celular}]}),null,16),[[b,t(R)]])]),o("div",null,[e[28]||(e[28]=o("label",{for:"correo",class:"block text-sm font-semibold"},"Correo electrónico",-1)),d(o("input",u({"onUpdate:modelValue":e[11]||(e[11]=r=>c(j)?j.value=r:null)},t(uo),{type:"email",id:"correo",class:["mt-1 px-3 py-4 block w-full bg-[#f3f3f3] border border-[#f3f3f3] rounded-xl shadow-sm focus:border-[#f3f3f3] focus:ring-[#f3f3f3] sm:text-sm",{"border-red-500":t(n).correo}]}),null,16),[[b,t(j)]])])]),o("p",Ko,$((Q=t(h))==null?void 0:Q.datos_personales),1),o("div",Jo,[o("label",Qo,[d(o("input",u({type:"checkbox","onUpdate:modelValue":e[12]||(e[12]=r=>c(A)?A.value=r:null)},t(co),{class:"form-checkbox text-indigo-600 rounded focus:ring-indigo-500"}),null,16),[[Co,t(A)]]),e[29]||(e[29]=o("span",{class:"ml-2 text-[15px] font-semibold"},"Entiendo y acepto el registro y uso de mis datos personales como se estipula anteriormente",-1))])]),o("div",Xo,[V(ho,{disabled:!t(A)},{default:G(()=>e[30]||(e[30]=[U(" Enviar ")])),_:1},8,["disabled"])])],34)])],64)}}};export{ee as default};
|