1import{u as D,E as B,e as T,g,a as e,h as k,x as M,w as q,k as w,d as F,r as O,p as j,o as x,j as u,M as H,Z as y,t as c,F as G,i as I,a9 as L,l as R,q as t}from"./index-DW9tx4Lg.js";import{H as U}from"./HomeCarousel-DWGoHpQL.js";import{u as K}from"./services-CnGJTT67.js";import"./carousel-Cro8IH5c.js";const W={key:0,class:"mx-auto min-h-screen pb-28"},A={key:0,class:"text-base font-light text-gray-800 p-5 md:mx-10 md:text-lg"},Y={class:"bg-white mx-5 md:mx-14 rounded-xl"},Z={class:"grid md:grid-cols-2 md:gap-6"},$={class:"relative z-0 w-full mb-8 group block py-4 px-5 border-0 border-b-2 border-l-2 border-white shadow-xl shadow-slate-200 rounded-l-md"},J={class:"text-sm text-red-500 mt-1"},Q={class:"relative z-0 w-full mb-8 group block py-4 px-5"},X={class:"text-sm text-red-500 mt-1"},ee={class:"grid md:grid-cols-2 md:gap-6"},re={class:"relative z-0 w-full mb-8 group block py-4 px-5"},oe={class:"text-sm text-red-500 mt-1"},te={class:"relative z-0 w-full mb-8 group block py-4 px-5 border-0 border-b-2 border-l-2 border-white shadow-xl shadow-slate-200 rounded-l-md"},ae=["value"],se={class:"text-sm text-red-500 mt-1"},le={class:"relative z-0 w-full mb-5 group block py-4 px-5"},de=["disabled"],me={__name:"deviceOrder",props:{content:{default:()=>{},type:Object}},setup(S){const _=D(),V=K(),h=["choose device name","WiFi Smart Camera","PIR Motion Sensor","Zigbee PIR Sensor","Smart Socket","Echodot 5th Gen","Video DoorBell Ring brand","Video DoorBell Tuya brand","Outdoor Camera","Smoke Sensor","Motion Sensor","Homey Pro -Hub","Door/Window Sensor 7","Smart Panic Button","Smart Switch 6","Smart Bulb - White and Color ambiance","Danalock V3","Danapad V3","echo show 8 ","LED Strip Light -2m","Siren Gen5","Govee Immersion Kit - Ambient Lighting","Curtain Truck & Motor","Pet Feeder","Robot Vaccuum Cleaner","Govee StarPal Pro - Table lamp","iKettle","Smart Coffee maker","Smart Fan"],s=t(""),l=t(""),a=t(""),d=t(h[0]),p=t(""),v=t(""),b=t(""),f=t(""),i=t(!1);B([s,l,d,a],()=>{p.value=s.value?"":"Name is required",v.value=/^\d{12}$/.test(l.value)?"":"Phone number is required and must start with 255",b.value=!a.value||C(a.value)?"":"Invalid Email",f.value=d.value!=="choose device name"?"":"Please select a valid device",i.value=p.value===""&&v.value===""&&b.value===""&&f.value===""});function C(m){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(m)}const N=async()=>{if(i.value){const m={name:s.value,phoneNumber:l.value,email:a.value,phoneType:d.value};try{await V.submitDeviceOrdering(m)}catch(r){console.error("Error submitting form:",r.message)}}};T(()=>{_.backgroundColor="#ffffff"});const P=S,n=F(()=>P.content);return(m,r)=>{const E=O("secction"),z=j("dompurify-html");return n.value&&Object.keys(n.value).length>0?(x(),g("div",W,[e("section",null,[k(U,{images:n.value.slider},null,8,["images"])]),r[9]||(r[9]=e("div",{class:"w-9/12 text-start mx-10"},[e("div",{class:"text-base text-gray-400 my-5 md:ml-10 md:text-lg"},[M(" You are here : Home / Vodacom Business / "),e("span",{class:"text-gray-500"},"device Ordering")])],-1)),k(E,{class:"flex flex-col justify-center items-center mx-5 py-8 bg-[#e5e5e5] rounded-md"},{default:q(()=>[e("div",null,[e("div",null,[n.value?.overview.content?u((x(),g("p",A,null,512)),[[z,n.value?.overview.content]]):w("",!0)]),e("div",Y,[e("form",{class:"p-2 md:p-6",onSubmit:H(N,["prevent"])},[r[8]||(r[8]=e("div",{class:"relative z-0 w-full mb-8 group block py-4 px-5"},[e("p",{class:"text-xl"},"Please fill the form correctly")],-1)),e("div",Z,[e("div",$,[u(e("input",{id:"fullName","onUpdate:modelValue":r[0]||(r[0]=o=>s.value=o),type:"text",name:"name",class:"block py-2.5 px-0 w-full text-lg text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-vodacom-red focus:outline-none focus:ring-0 focus:border-vodacom-red peer",placeholder:" ",required:""},null,512),[[y,s.value]]),r[4]||(r[4]=e("label",{for:"name",class:"peer-focus:font-medium absolute text-lg text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-vodacom-red peer-focus:dark:text-vodacom-red peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"}," Your Name (Jina Kamili)",-1)),e("p",J,c(p.value),1)]),e("div",Q,[u(e("input",{id:"email","onUpdate:modelValue":r[1]||(r[1]=o=>a.value=o),type:"email",name:"email",class:"block py-2.5 px-0 w-full text-lg text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-vodacom-red focus:outline-none focus:ring-0 focus:border-vodacom-red peer",placeholder:" ",required:""},null,512),[[y,a.value]]),r[5]||(r[5]=e("label",{for:"email",class:"peer-focus:font-medium absolute text-lg text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-vodacom-red peer-focus:dark:text-vodacom-red peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"},"Email Address (Barua Pepe)",-1)),e("p",X,c(b.value),1)])]),e("div",ee,[e("div",re,[u(e("input",{id:"phone","onUpdate:modelValue":r[2]||(r[2]=o=>l.value=o),type:"tel",name:"phone",class:"block py-2.5 px-0 w-full text-lg text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-vodacom-red focus:outline-none focus:ring-0 focus:border-vodacom-red peer",placeholder:" ",required:""},null,512),[[y,l.value]]),r[6]||(r[6]=e("label",{for:"phone",class:"peer-focus:font-medium absolute text-lg text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-vodacom-red peer-focus:dark:text-vodacom-red peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"},"Vodacom Phone number (Namba ya Simu)",-1)),e("p",oe,c(v.value),1)]),e("div",te,[u(e("select",{id:"deviceName","onUpdate:modelValue":r[3]||(r[3]=o=>d.value=o),name:"phoneType",class:"block py-2.5 px-0 w-full text-lg text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-vodacom-red focus:outline-none focus:ring-0 focus:border-vodacom-red peer",placeholder:" ",required:""},[(x(),g(G,null,I(h,o=>e("option",{key:o,value:o},c(o),9,ae)),64))],512),[[L,d.value]]),r[7]||(r[7]=e("label",{for:"email",class:"peer-focus:font-medium absolute text-lg text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:start-0 rtl:peer-focus:translate-x-1/4 peer-focus:text-vodacom-red peer-focus:dark:text-vodacom-red peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6"},"Device Name",-1)),e("p",se,c(f.value),1)])]),e("div",le,[e("button",{disabled:!i.value,type:"submit",class:R([{"cursor-not-allowed pointer-events-none":!i.value},"justify-right text-white dark:text-gray-400 dark:cursor-not-allowed bg-vodacom-red hover:bg-vodacom-red focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-vodacom-red dark:hover:bg-vodacom-red dark:focus:ring-blue-800 mt-4"])}," Submit ",10,de)])],32)])])]),_:1})])):w("",!0)}}};export{me 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.