https://propertycafe.com/build/assets/CreateBuyPropertyPage-U19DI_qH.js

1import{d as Ve,r as s,c as q,o as f,w as r,f as t,u as l,g as m,a as i,q as ie,l as ne,e as _,Z as Xe,h as I,m as v,i as c,F as ee,s as ue,n as de,t as C}from"./app-BImAkB2A.js";import{_ as el}from"./AdminLayout.vue_vue_type_style_index_0_lang-isIb88rU.js";import{I as U}from"./iconify-DH4bbzU2.js";import{P as ll,C as pe,a as ce,b as me,c as be}from"./PageHeader-CG4pTb1a.js";import{I as V}from"./Input-DSti86B1.js";import{T as ol}from"./Table-CvL8m-Iu.js";import{_ as x}from"./BaseBtn.vue_vue_type_style_index_0_scoped_002c6032_lang-BVuPfHOB.js";import{C as O}from"./Combobox-CxaVzCRJ.js";import{C as al}from"./Checkbox-BjLdaPjs.js";import{_ as tl}from"./Dialog.vue_vue_type_style_index_0_lang-jLBtFbjc.js";import{t as rl,h as sl,f as il}from"./utils-BPW9YEYj.js";import{u as Pe}from"./useBuyProperties-DhHvALWm.js";import{_ as fe}from"./Dropzone.vue_vue_type_script_setup_true_lang-BTxnjY2v.js";import"./Dropzone.vue_vue_type_style_index_0_lang-UEEzNKfy.js";import{_ as nl}from"./Editor.vue_vue_type_style_index_0_lang-DpvoGXnG.js";import{t as ul,o as dl,j as w,p as P,h as ve,i as ye,q as ge,u as pl,r as he,k as ke,s as y,v as cl,w as ml,n as L}from"./vee-validate-valibot-CHsd520O.js";import"./vue3-device-detect-BFcpq_3Z.js";import"./index-DeWxli5P.js";import"./PopoverContent.vue_vue_type_style_index_0_lang-0prluxYt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./transition-BYDFybEV.js";const bl=Ve({__name:"DeleteModal",props:{id:{},isOpen:{type:Boolean}},emits:["submitted","close"],setup(F,{emit:A}){const{destroyBuyProperty:D}=Pe(),$=F,R=A,n=s(!1),B=async()=>{$.id&&(n.value=!0,await D($.id),await rl({title:"Alert",text:"Buy Property Deleted Successfully",icon:"success"}),R("submitted"),R("close"),n.value=!1)};return(g,u)=>(f(),q(l(tl),{isOpen:F.isOpen,onOnClose:u[1]||(u[1]=S=>g.$emit("close"))},{header:r(()=>[...u[2]||(u[2]=[i("h3",{class:"dialog-title"},"Delete Buy Property",-1)])]),content:r(()=>[...u[3]||(u[3]=[i("p",null,"Are you really want to delete this row.",-1)])]),footer:r(()=>[t(l(x),{type:"submit",onClick:B,loading:n.value,disabled:n.value},{default:r(()=>[...u[4]||(u[4]=[m("Submit",-1)])]),_:1},8,["loading","disabled"]),t(l(x),{type:"button",onClick:u[0]||(u[0]=S=>g.$emit("close")),color:"red"},{default:r(()=>[...u[5]||(u[5]=[m("Discard",-1)])]),_:1})]),_:1},8,["isOpen"]))}}),fl={role:"tabpanel"},vl={class:"tabs",role:"tablist"},yl={class:"col-span-4"},gl={class:"col-span-4 mt-24"},hl={key:0,class:"mt-3 text-sm text-red-500"},kl={class:"col-span-4"},Vl={key:0,class:"mt-3 text-sm text-red-500"},Pl={class:"col-span-4 mt-[55px]"},Cl={class:"grid grid-cols-4 gap-x-7 mb-5"},wl={class:"flex gap-3 justify-center"},Sl=["onClick"],Kl=Ve({layout:el,__name:"CreateBuyPropertyPage",setup(F){const{storeBuyProperty:A,getRecords:D,recordsData:$,recordsTotal:R}=Pe(),n=ie({isLoading:!1,columns:[{label:"Sr.#",field:"id",width:"3%",isKey:!0},{label:"Property Name",field:"name",width:"60%"},{label:"Category",field:"category",width:"30%"},{label:"Price",field:"price",width:"15%"},{label:"Action",field:"action",width:"13%"}],rows:$,totalRecordCount:R,limit:10,offset:0,sortable:!1}),B=s([{label:"Name",value:"name"},{label:"Category",value:"category_name"}]),g=ie({text:"",by:B.value[0].value}),u=async(e,o,a,p)=>{try{n.isLoading=!0,n.offset=e,n.limit=o,await D({offset:e,limit:o,searchValue:g.text,searchBy:g.by}),n.isLoading=!1}catch(k){console.error(k),n.isLoading=!1}},S=()=>u(n.offset,n.limit);S();const b={required:"This field is required",number:"This field must be a number"},le=["image/png","image/jpg","image/jpeg","image/webp","image/avif"],Ce=ul(dl({category:he(b.required),bed_room:P(y(b.required),L(b.required)),property_type:P(y(b.required),L(b.required)),location:P(y(b.required),L(b.required)),price:P(y(b.required),L(b.required)),bath:w(he(b.number)),square_foot:w(y()),youtube_video_url:w(P(y(),ml(),cl("https://www.youtube.com/watch?v=","Invalid YouTube URL. Please use the format: https://www.youtube.com/watch?v=VIDEO_ID"))),description:w(y()),permit_number:w(y()),features:ge(y()),media:ge(P(ye(File,"File type must be Image"),ve(le,"Invalid file type, Only jpg, png, webp, avif are allowed"),ke(1024*1024*10,"You uploaded file exceed 10MB file size limit")),"At least one image is required"),qr_code_image:w(P(ye(File,"QR Code must be Image"),ve(le,"Invalid file type, Only jpg, png, webp, avif are allowed"),ke(1024*1024*10,"You uploaded file exceed 10MB file size limit")))})),{handleSubmit:we,defineField:d,isSubmitting:oe,errors:T}=pl({validationSchema:Ce,initialValues:{features:[""]}}),[M,Se]=d("category",{props:e=>({error:e.errors[0]})}),[E,_e]=d("bed_room",{props:e=>({error:e.errors[0]})}),[N,Oe]=d("property_type",{props:e=>({error:e.errors[0]})}),[j,qe]=d("location",{props:e=>({error:e.errors[0]})}),[G,xe]=d("price",{props:e=>({error:e.errors[0]})}),[z,$e]=d("bath",{props:e=>({error:e.errors[0]})}),[W,Re]=d("square_foot",{props:e=>({error:e.errors[0]})}),[H,Be]=d("youtube_video_url",{props:e=>({error:e.errors[0]})}),[K]=d("media"),[Y]=d("qr_code_image"),[Q,Te]=d("permit_number",{props:e=>({error:e.errors[0]})}),[J,_l]=d("description",{props:e=>({error:e.errors[0]})}),Ie=s([{label:"Residential",value:1},{label:"Commercial",value:2}]),Z=s([]);for(let e=1;e<=10;e++)Z.value.push({label:`${e} Bed Room`,value:e.toString()});Z.value.push({label:"Studio",value:"studio"});const Ue=s([]);for(let e=1;e<=10;e++)Ue.value.push({label:`${e} Drawing Room`,value:e});const Le=s([]);for(let e=1;e<=10;e++)Le.value.push({label:`${e} Dining Room`,value:e});const Fe=s([]);for(let e=1;e<=10;e++)Fe.value.push({label:`${e} TV Lounge`,value:e});const ae=s([]);for(let e=1;e<=10;e++)ae.value.push({label:`${e} Bath`,value:e});const Ae=s([]);for(let e=1;e<=10;e++)Ae.value.push({label:`${e} Study Room`,value:e});const De=s([]);for(let e=1;e<=10;e++)De.value.push({label:`${e} Kitchen`,value:e});const Me=s([]);for(let e=1;e<=10;e++)Me.value.push({label:`${e} Dirty Kitchen`,value:e});const Ee=s([]);for(let e=1;e<=10;e++)Ee.value.push({label:`${e} Swimming Pool`,value:e});const Ne=s([]);for(let e=1;e<=10;e++)Ne.value.push({label:`${e} Powder Room`,value:e});const je=s([]);for(let e=1;e<=10;e++)je.value.push({label:`${e} Home Theater`,value:e});const Ge=s([]);for(let e=1;e<=10;e++)Ge.value.push({label:`${e} Terrace`,value:e});const ze=s([]);for(let e=1;e<=10;e++)ze.value.push({label:`${e} Lobby`,value:e});const We=s([]);for(let e=1;e<=10;e++)We.value.push({label:`${e} Servant Room`,value:e});const He=s([]);for(let e=1;e<=10;e++)He.value.push({label:`${e} Store`,value:e});const Ke=s([{label:"Apartment",value:"Apartment"},{label:"Plot",value:"Plot"},{label:"Hotel",value:"Hotel"},{label:"Townhouse",value:"Townhouse"},{label:"Office",value:"Office"},{label:"Villa",value:"Villa"},{label:"Penthouse",value:"Penthouse"},{label:"Land",value:"Land"},{label:"Flat",value:"Flat"},{label:"Condo",value:"Condo"},{label:"Location",value:"Location"}]),te=s([{label:"A Luxurious & Large Leisure Pool Deck",checked:!1}

1,{label:"Jogging Track",checked:!1},{label:"Main Pool",checked:!1},{label:"Outdoor Cinema",checked:!1},{label:"Green Area",checked:!1},{label:"Kids Pool",checked:!1},{label:"Barbeque Area",checked:!1},{label:"Indoor & Outdoor Gym",checked:!1},{label:"Water Feature",checked:!1},{label:"Kids Play Area",checked:!1},{label:"Basketball Court",checked:!1},{label:"Sauna & Steam Room",checked:!1},{label:"Apartments with Private Pools",checked:!1},{label:"Sports Court",checked:!1},{label:"Table Tennis",checked:!1},{label:"Water Skate",checked:!1},{label:"Water park",checked:!1},{label:"Indoor cinema",checked:!1},{label:"Infinity pool",checked:!1},{label:"Meditation Area",checked:!1},{label:"Entertainment facilities",checked:!1},{label:"Children’s playgrounds",checked:!1},{label:"Areas for relaxation",checked:!1},{label:"Maid Room",checked:!1},{label:"Study Room",checked:!1},{label:"Security",checked:!1},{label:"Upgraded",checked:!1},{label:"Vacant on Transfer",checked:!1},{label:"Water View",checked:!1},{label:"Close to Park",checked:!1},{label:"Shared Pool",checked:!1},{label:"Private Pool",checked:!1},{label:"Private Gym",checked:!1},{label:"Shared Gym",checked:!1},{label:"Brand New",checked:!1},{label:"Golf Course View",checked:!1},{label:"Large Plot",checked:!1},{label:"Furnished",checked:!1},{label:"Unfurnished",checked:!1},{label:"Public Transport",checked:!1},{label:"Parking",checked:!1},{label:"Laundry",checked:!1},{label:"Corner Plot",checked:!1},{label:"Park Facing",checked:!1},{label:"Society",checked:!1},{label:"Security Guard",checked:!1},{label:"Cameras",checked:!1},{label:"Mosque",checked:!1},{label:"School",checked:!1},{label:"University",checked:!1},{label:"Hospital",checked:!1},{label:"Market",checked:!1},{label:"Main Boulevard",checked:!1},{label:"Carpeted Road",checked:!1},{label:"Underground Electricity",checked:!1},{label:"Society - Boundary Wall",checked:!1},{label:"Electricity",checked:!1},{label:"Water",checked:!1},{label:"Gas",checked:!1},{label:"Sewerage",checked:!1}]),[h]=d("features"),Ye=()=>h.value&&h.value.push(""),Qe=e=>h.value&&h.value.splice(e,1),Je=(e,o)=>{const a=e.target;h.value||(h.value=[]),h.value[o]=a.value},re=we(async(e,{resetForm:o})=>{try{const a=te.value.filter(k=>k.checked).map(k=>k.label),p={category:e.category,bed_room:e.bed_room,property_type:e.property_type,location:e.location,price:e.price,bath:e.bath,description:e.description,square_foot:e.square_foot,youtube_video_url:e.youtube_video_url,permit_number:e.permit_number,qr_code_image:e.qr_code_image,media:e.media,features:e.features,amenities:a};await A(p),ne.success("Buy Property Added Successfully"),o(),S()}catch(a){return console.log(a),sl(a)}},()=>{ne.error("Please fill the required fields")}),se=s(),X=s(!1),Ze=e=>{se.value=e,X.value=!0};return(e,o)=>(f(),_(ee,null,[t(l(Xe),null,{default:r(()=>[...o[17]||(o[17]=[i("title",null,"Buy Properties",-1)])]),_:1}),t(l(ll),{title:"Buy Properties"}),i("div",fl,[i("ul",vl,[t(l(I),{href:"/control-panel/buy-properties",role:"presentation",class:"tab active"},{default:r(()=>[...o[18]||(o[18]=[m(" Buy ",-1)])]),_:1}),t(l(I),{href:"/control-panel/rent-properties",role:"presentation",class:"tab"},{default:r(()=>[...o[19]||(o[19]=[m(" Rent ",-1)])]),_:1}),t(l(I),{href:"/control-panel/off-plan-properties",role:"presentation",class:"tab"},{default:r(()=>[...o[20]||(o[20]=[m(" Off-Plan ",-1)])]),_:1})])]),t(l(be),null,{default:r(()=>[t(l(pe),null,{default:r(()=>[t(l(ce),null,{default:r(()=>[...o[21]||(o[21]=[m("Create",-1)])]),_:1})]),_:1}),t(l(me),null,{default:r(()=>[i("form",{onSubmit:o[12]||(o[12]=(...a)=>l(re)&&l(re)(...a)),class:"grid grid-cols-4 gap-x-7 gap-y-2 items-start",novalidate:""},[t(l(O),v({label:"Category",name:"category_id",options:Ie.value,modelValue:l(M),"onUpdate:modelValue":o[0]||(o[0]=a=>c(M)?M.value=a:null)},l(Se)),null,16,["options","modelValue"]),o[26]||(o[26]=i("div",{class:"col-span-4 mt-12"},null,-1)),t(l(O),v({label:"Bed Room",name:"bed_room",options:Z.value,modelValue:l(E),"onUpdate:modelValue":o[1]||(o[1]=a=>c(E)?E.value=a:null)},l(_e)),null,16,["options","modelValue"]),t(l(O),v({label:"Property Type",name:"property_type",options:Ke.value,modelValue:l(N),"onUpdate:modelValue":o[2]||(o[2]=a=>c(N)?N.value=a:null)},l(Oe)),null,16,["options","modelValue"]),t(l(V),v({label:"Location",class:"col-span-2",modelValue:l(j),"onUpdate:modelValue":o[3]||(o[3]=a=>c(j)?j.value=a:null)},l(qe)),null,16,["modelValue"]),t(l(V),v({label:"Price",modelValue:l(G),"onUpdate:modelValue":o[4]||(o[4]=a=>c(G)?G.value=a:null)},l(xe)),null,16,["modelValue"]),t(l(O),v({label:"Bath",name:"bath",options:ae.value,modelValue:l(z),"onUpdate:modelValue":o[5]||(o[5]=a=>c(z)?z.value=a:null)},l($e)),null,16,["options","modelValue"]),t(l(V),v({label:"Square Foot (Only digits)",modelValue:l(W),"onUpdate:modelValue":o[6]||(o[6]=a=>c(W)?W.value=a:null)},l(Re)),null,16,["modelValue"]),t(l(V),v({label:"Youtube Video Url",class:"col-span-4",modelValue:l(H),"onUpdate:modelValue":o[7]||(o[7]=a=>c(H)?H.value=a:null)},l(Be)),null,16,["modelValue"]),i("div",yl,[o[22]||(o[22]=i("label",{style:{position:"static","font-weight":"bold",color:"black","margin-bottom":"25px"}},"Description",-1)),t(l(nl),{modelValue:l(J),"onUpdate:modelValue":o[8]||(o[8]=a=>c(J)?J.value=a:null)},null,8,["modelValue"])]),o[27]||(o[27]=i("div",{class:"col-span-4 mt-12"},null,-1)),(f(!0),_(ee,null,ue(l(h),(a,p)=>(f(),q(l(V),{"model-value":a,onInput:k=>Je(k,p),class:"col-span-2",label:`Feature ${p+1}`},{append:r(()=>

1[p===0?(f(),q(l(x),{key:0,type:"button",size:"sm",onClick:Ye},{default:r(()=>[t(l(U),{icon:"lucide:plus",size:"18px"})]),_:1})):(f(),q(l(x),{key:1,type:"button",color:"red",size:"sm",onClick:k=>Qe(p)},{default:r(()=>[t(l(U),{icon:"lucide:trash-2",size:"18px"})]),_:1},8,["onClick"]))]),_:2},1032,["model-value","onInput","label"]))),256)),o[28]||(o[28]=i("div",{class:"col-span-4 mt-24"},[i("label",{style:{position:"static","font-weight":"bold",color:"black","margin-bottom":"25px"}},"Amenities")],-1)),(f(!0),_(ee,null,ue(te.value,a=>(f(),q(l(al),{label:a.label,modelValue:a.checked,"onUpdate:modelValue":p=>a.checked=p,onChange:p=>a.checked=p.target.checked},null,8,["label","modelValue","onUpdate:modelValue","onChange"]))),256)),i("div",gl,[o[23]||(o[23]=i("label",{class:"text-[15px] font-bold block mb-5"},"Images",-1)),t(l(fe),{modelValue:l(K),"onUpdate:modelValue":o[9]||(o[9]=a=>c(K)?K.value=a:null),multiple:""},null,8,["modelValue"]),l(T).media?(f(),_("div",hl,C(l(T).media),1)):de("",!0)]),t(l(V),v({label:"DLD Permit Number:",class:"mt-24",modelValue:l(Q),"onUpdate:modelValue":o[10]||(o[10]=a=>c(Q)?Q.value=a:null)},l(Te)),null,16,["modelValue"]),i("div",kl,[o[24]||(o[24]=i("label",{class:"text-[15px] font-bold block mb-5"},"QR Code Image",-1)),t(l(fe),{modelValue:l(Y),"onUpdate:modelValue":o[11]||(o[11]=a=>c(Y)?Y.value=a:null)},null,8,["modelValue"]),l(T).qr_code_image?(f(),_("div",Vl,C(l(T).qr_code_image),1)):de("",!0)]),i("div",Pl,[t(l(x),{loading:l(oe),disabled:l(oe)},{default:r(()=>[...o[25]||(o[25]=[m("Submit",-1)])]),_:1},8,["loading","disabled"])])],32)]),_:1})]),_:1}),t(l(be),null,{default:r(()=>[t(l(pe),null,{default:r(()=>[t(l(ce),null,{default:r(()=>[...o[29]||(o[29]=[m("Records",-1)])]),_:1})]),_:1}),t(l(me),null,{default:r(()=>[i("div",Cl,[t(l(V),{label:"Search Text",name:"search_text",onInput:o[13]||(o[13]=a=>g.text=a.target.value)}),t(l(O),{label:"Search By",name:"search_by",options:B.value,modelValue:g.by,"onUpdate:modelValue":o[14]||(o[14]=a=>g.by=a)},null,8,["options","modelValue"])]),t(l(ol),{"is-slot-mode":!0,"is-loading":n.isLoading,columns:n.columns,rows:n.rows,total:n.totalRecordCount,"is-hide-page-showing":!0,onDoSearch:u,onIsFinished:o[15]||(o[15]=a=>n.isLoading=!1)},{id:r(a=>[m(C(a.value.index),1)]),name:r(a=>[m(C(a.value.name),1)]),price:r(a=>[m(C(l(il)(a.value.price)),1)]),category:r(a=>[m(C(a.value.category===1?"Residential":"Commercial"),1)]),action:r(a=>[i("div",wl,[t(l(I),{href:`/control-panel/buy-properties/${a.value.id}`},{default:r(()=>[t(l(U),{class:"edit-btn",icon:"fa:pencil"})]),_:1},8,["href"]),i("button",{onClick:p=>Ze(a.value.id)},[t(l(U),{class:"delete-btn",icon:"mdi:trash"})],8,Sl)])]),_:1},8,["is-loading","columns","rows","total"])]),_:1})]),_:1}),t(l(bl),{isOpen:X.value,id:se.value,onClose:o[16]||(o[16]=a=>X.value=!1),onSubmitted:S},null,8,["isOpen","id"])],64))}});export{Kl as default};