https://sirirajhsolutions.com/build/assets/Create-4bc5aa0c.js

1import{v as b,r as H,b as f,s as m,m as s,c as l,u as e,H as w,t as y,k as B,g as G,A as x,l as d}from"./app-57c7c116.js";import{P as M}from"./PrimaryButton-fa729f1b.js";import{_ as n}from"./InputLabel-6c41a8fe.js";import{_ as r}from"./InputError-edaf540a.js";import{_ as u}from"./TextInput-5c1caafa.js";import{_}from"./TextArea-a1b1f05d.js";import{_ as V}from"./CropperImage-dd3caf36.js";import"./_plugin-vue_export-helper-c27b6911.js";import"./SecondaryButton-a4e1271e.js";import"./sweetalert2.all-f4911a67.js";const O=["onSubmit"],R=s("div",{class:"mb-4 mt-8 bg-[--primary-color] px-2 py-3"},[s("h3",{class:"text-xl font-medium leading-none text-white"}," ส่วนที่ 1 : แบนเนอร์ ")],-1),E={class:"grid grid-cols-2 gap-7"},P={key:0,class:"h-32 w-32",fill:"#e5e5e5",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},I=s("path",{"clip-rule":"evenodd","fill-rule":"evenodd",d:"M1 5.25A2.25 2.25 0 013.25 3h13.5A2.25 2.25 0 0119 5.25v9.5A2.25 2.25 0 0116.75 17H3.25A2.25 2.25 0 011 14.75v-9.5zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75v-2.69l-2.22-2.219a.75.75 0 00-1.06 0l-1.91 1.909.47.47a.75.75 0 11-1.06 1.06L6.53 8.091a.75.75 0 00-1.06 0l-2.97 2.97zM12 7a1 1 0 11-2 0 1 1 0 012 0z"},null,-1),C=[I],$=["src"],j=s("p",{class:"mt-3 text-md"},[s("span",{class:"mr-2 font-bold text-[--primary-color]"},"* Upload a file"),x(" PNG, JPG up to 2 MB (Image Size: 1920 x 865 px) ")],-1),D=s("div",null,null,-1),J=s("div",{class:"mb-4 mt-8 bg-[--primary-color] px-2 py-3"},[s("h3",{class:"text-xl font-medium leading-none text-white"}," ส่วนที่ 2 : ข้อมูลติดต่อเรา ")],-1),F={class:"grid grid-cols-2 gap-7"},Y={key:0,class:"h-32 w-32",fill:"#e5e5e5",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},K=s("path",{"clip-rule":"evenodd","fill-rule":"evenodd",d:"M1 5.25A2.25 2.25 0 013.25 3h13.5A2.25 2.25 0 0119 5.25v9.5A2.25 2.25 0 0116.75 17H3.25A2.25 2.25 0 011 14.75v-9.5zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75v-2.69l-2.22-2.219a.75.75 0 00-1.06 0l-1.91 1.909.47.47a.75.75 0 11-1.06 1.06L6.53 8.091a.75.75 0 00-1.06 0l-2.97 2.97zM12 7a1 1 0 11-2 0 1 1 0 012 0z"},null,-1),Q=[K],W=["src"],X=s("p",{class:"mt-3 text-md"},[s("span",{class:"mr-2 font-bold text-[--primary-color]"},"* Upload a file"),x(" PNG, JPG up to 2 MB ")],-1),Z=s("div",null,null,-1),ee=s("div",{class:"mb-4 mt-8 bg-[--primary-color] px-2 py-3"},[s("h3",{class:"text-xl font-medium leading-none text-white"}," ส่วนที่ 3 : ช่องทางการติดต่อ / ภาพแผนที่การเดินทาง ")],-1),le={class:"grid grid-cols-2 gap-7"},te=s("div",null,null,-1),se=s("div",null,null,-1),oe=s("div",null,null,-1),ae=s("div",null,null,-1),ne=s("div",null,null,-1),re=s("div",null,null,-1),ue=s("div",null,null,-1),ie=s("div",{class:"mb-4 mt-8 bg-[--primary-color] px-2 py-3"},[s("h3",{class:"text-xl font-medium leading-none text-white"}," ภาพประกอบการเดินทางส่วนท้ายของเว็บไซต์ ")],-1),me={class:"grid grid-cols-2 gap-7"},de={class:"flex items-center"},_e=s("p",{class:"px-2 text-sm text-blue-600 underline"}," ใช้สำหรับทุกหน้าในเว็บไซต์ ",-1),ge={key:0,class:"h-32 w-32",fill:"#e5e5e5",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},ce=s("path",{"clip-rule":"evenodd","fill-rule":"evenodd",d:"M1 5.25A2.25 2.25 0 013.25 3h13.5A2.25 2.25 0 0119 5.25v9.5A2.25 2.25 0 0116.75 17H3.25A2.25 2.25 0 011 14.75v-9.5zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75v-2.69l-2.22-2.219a.75.75 0 00-1.06 0l-1.91 1.909.47.47a.75.75 0 11-1.06 1.06L6.53 8.091a.75.75 0 00-1.06 0l-2.97 2.97zM12 7a1 1 0 11-2 0 1 1 0 012 0z"},null,-1),pe=[ce],ve=["src"],be=s("p",{class:"mt-3 text-md"},[s("span",{class:"mr-2 font-bold text-[--primary-color]"},"* Upload a file"),x(" PNG, JPG up to 2 MB (Image Size: 1200 x 800 px) ")],-1),xe={class:"flex items-center"},he=s("p",{class:"px-2 text-sm text-blue-600 underline"}," ใช้สำหรับทุกหน้าในเว็บไซต์ ",-1),fe={key:0,class:"h-32 w-32",fill:"#e5e5e5",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},Ve=s("path",{"clip-rule":"evenodd","fill-rule":"evenodd",d:"M1 5.25A2.25 2.25 0 013.25 3h13.5A2.25 2.25 0 0119 5.25v9.5A2.25 2.25 0 0116.75 17H3.25A2.25 2.25 0 011 14.75v-9.5zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75v-2.69l-2.22-2.219a.75.75 0 00-1.06 0l-1.91 1.909.47.47a.75.75 0 11-1.06 1.06L6.53 8.091a.75.75 0 00-1.06 0l-2.97 2.97zM12 7a1 1 0 11-2 0 1 1 0 012 0z"},null,-1),we=[Ve],ye=["src"],ke=s("p",{class:"mt-3 text-md"},[s("span",{class:"mr-2 font-bold text-[--primary-color]"},"* Upload a file"),x(" PNG, JPG up to 2 MB (Image Size: 1200 x 800 px) ")],-1),Ue=s("div",{class:"mb-4 mt-8 bg-[--primary-color] px-2 py-3"},[s("h3",{class:"text-xl font-medium leading-none text-white"}," SEO Setting ")],-1),Se={class:"grid grid-cols-2 gap-7"},Te={class:"flex items-center"},ze={class:"flex items-center"},Le={class:"mt-4 text-right"},Ie={__name:"Create",setup(Ne){const t=b({image_banner:"",th_title_banner_1:"",en_title_banner_1:"",th_title_banner_2:"",en_title_banner_2:"",th_button_text:"",en_button_text:"",th_button_url:"",en_button_url:"",image_logo:"",th_address:"",en_address:"",phone_number:"",email:"",th_business_hours:"",en_business_hours:"",facebook:"",line:"",youtube:"",instagram:"",twitter:"",google_map:"",image_transportation_1:"",image_transportation_2:"",th_og_title:"",en_og_title:"",th_og_description:"",en_og_description:"",tiktok:""}),g=b({image:"",imageSrc:""}),c=b({image:"",imageSrc:""}),p=b({image:"",imageSrc:""}),v=b({image:"",imageSrc:""}),h=H(255),k=i=>{g.image=i,g.imageSrc=URL.createObjectURL(i),t.image_banner=i},U=i=>{c.image=i,c.imageSrc=URL.createObjectURL(i),t.image_logo=i},S=i=>{p.image=i,p.imageSrc=URL.createObjectURL(i),t.image_transportation_1=i},T=i=>{v.image=i,v.imageSrc=URL.createObjectURL(i),t.image_transportation_2=i},z=f(()=>"("+t.th_og_description.length+"/"+h.value+")"),L=f(()=>h.value-t.th_og_description.length),N=f(()=>"("+t.en_og_description.length+"/"+h.value+")"),A=f(()=>h.value-t.en_og_description.length),q=()=>{t.post("/backend/pages/contact-us",{onSuccess:()=>{g.reset(),c.reset(),p.reset(),v.reset(),t.reset()}})};return(i,o)=>(d(),m("form",{onSubmit:G(q,["prevent"])},[R,s("div",E,[s("div",null,[l(n,{value:"รูปภาพแบนเนอร์",required:!0}),e(g).imageSrc?(d(),m("img",{key:1,class:"mb-2 mt-3 h-auto max-w-xs",src:e(g).imageSrc,alt:""},null,8,$)):(d(),m("svg",P,C)),l(V,{"default-size":"banner",onCropResult:k}),j,l(r,{class:"mt-2",message:e(t).errors.image_banner},null,8,["message"])]),D,s("div",null,[l(n,{value:"หัวข้อแบนเนอร์ 1 TH",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).th_title_banner_1,"onUpdate:modelValue":o[0]||(o[0]=a=>e(t).th_title_banner_1=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_title_banner_1},null,8,["message"])]),s("div",null,[l(n,{value:"หัวข้อแบนเนอร์ 1 EN",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).en_title_banner_1,"onUpdate:modelValue":o[1]||(o[1]=a=>e(t).en_title_banner_1=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_title_banner_1},null,8,["message"])]),s("div",null,[l(n,{value:"หัวข้อแบนเนอร์ 2 TH",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).th_title_banner_2,"onUpdate:modelValue":o[2]||(o[2]=a=>e(t).th_title_banner_2=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_title_banner_2},null,8,["message"])]),s("div",null,[l(n,{value:"หัวข้อแบนเนอร์ 2 EN",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).en_title_banner_2,"onUpdate:modelValue":o[3]||(o[3]=a=>e(t).en_title_banner_2=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_title_banner_2},null,8,["message"])]),s("div",null,[l(n,{value:"ปุ่มแบนเนอร์ TH",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).th_button_text,"onUpdate:modelValue":o[4]||(o[4]=a=>e(t).th_button_text=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_button_text},null,8,["message"])]),s("div",null,[l(n,{value:"ปุ่มแบนเนอร์ EN",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).en_button_text,"onUpdate:modelValue":o[5]||(o[5]=a=>e(t).en_button_text=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_button_text},null,8,["message"])]),s("div",null,[l(n,{value:"URL TH",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).th_button_url,"onUpdate:modelValue":o[6]||(o[6]=a=>e(t).th_button_url=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_button_url},null,8,["message"])]),s("div",null,[l(n,{value:"URL EN",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).en_button_url,"onUpdate:modelValue":o[7]||(o[7]=a=>e(t).en_button_url=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_button_url},null,8,["message"])])]),J,s("div",F,[s("div",null,[l(n,{value:"รูปภาพ Logo",required:!0}),e(c).imageSrc?(d(),m("img",{key:1,class:"mb-2 mt-3 h-auto max-w-xs",src:e(c).imageSrc,alt:""},null,8,W)):(d(),m("svg",Y,Q)),l(V,{"validate-image-resolution":!1,onCropResult:U}),X,l(r,{class:"mt-2",message:e(t).errors.image_logo},null,8,["message"])]),Z,s("div",null,[l(n,{value:"ที่อยู่ TH"}),l(_,{modelValue:e(t).th_address,"onUpdate:modelValue":o[8]||(o[8]=a=>e(t).th_address=a),id:"th_address",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_address},null,8,["message"])]),s("div",null,[l(n,{value:"ที่อยู่ EN"}),l(_,{modelValue:e(t).en_address,"onUpdate:modelValue":o[9]||(o[9]=a=>e(t).en_address=a),id:"en_address",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_address},null,8,["message"])]),s("div",null,[l(n,{value:"เบอร์โทรศัพท์"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).phone_number,"onUpdate:modelValue":o[10]||(o[10]=a=>e(t).phone_number=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.phone_number},null,8,["message"])]),s("div",null,[l(n,{value:"อีเมล"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).email,"onUpdate:modelValue":o[11]||(o[11]=a=>e(t).email=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.email},null,8,["message"])]),s("div",null,[l(n,{value:"วันเวลาทำการ TH"}),l(_,{modelValue:e(t).th_business_hours,"onUpdate:modelValue":o[12]||(o[12]=a=>e(t).th_business_hours=a),id:"th_business_hours",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_business_hours},null,8,["message"])]),s("div",null,[l(n,{value:"วันเวลาทำการ EN"}),l(_,{modelValue:e(t).en_business_hours,"onUpdate:modelValue":o[13]||(o[13]=a=>e(t).en_business_hours=a),id:"en_business_hours",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_business_hours},null,8,["message"])])]),ee,s("div",le,[s("div",null,[l(n,{value:"Facebook"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).facebook,"onUpdate:modelValue":o[14]||(o[14]=a=>e(t).facebook=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.facebook},null,8,["message"])]),te,s("div",null,[l(n,{value:"LINE Official"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).line,"onUpdate:modelValue":o[15]||(o[15]=a=>e(t).line=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.line},null,8,["message"])]),se,s("div",null,[l(n,{value:"YouTube"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).youtube,"onUpdate:modelValue":o[16]||(o[16]=a=>e(t).youtube=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.youtube},null,8,["message"])]),oe,s("div",null,[l(n,{value:"Instagram"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).instagram,"onUpdate:modelValue":o[17]||(o[17]=a=>e(t).instagram=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.instagram},null,8,["message"])]),ae,s("div",null,[l(n,{value:"Twitter"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).twitter,"onUpdate:modelValue":o[18]||(o[18]=a=>e(t).twitter=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.twitter},null,8,["message"])]),ne,s("div",null,[l(n,{value:"Tiktok"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).tiktok,"onUpdate:modelValue":o[19]||(o[19]=a=>e(t).tiktok=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.tiktok},null,8,["message"])]),re,s("div",null,[l(n,{value:"Get Directions (Google Map)"}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).google_map,"onUpdate:modelValue":o[20]||(o[20]=a=>e(t).google_map=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.google_map},null,8,["message"])]),ue]),ie,s("div",me,[s("div",null,[s("div",de,[l(n,{value:"ภาพประกอบการเดินทาง 1"}),_e,l(n,{required:!0})]),e(p).imageSrc?(d(),m("img",{key:1,class:"mb-2 mt-3 h-auto max-w-xs",src:e(p).imageSrc,alt:""},null,8,ve)):(d(),m("svg",ge,pe)),l(V,{"default-size":"cover",onCropResult:S}),be,l(r,{class:"mt-2",message:e(t).errors.image_transportation_1},null,8,["message"])]),s("div",null,[s("div",xe,[l(n,{value:"ภาพประกอบการเดินทาง 2"}),he,l(n,{required:!0})]),e(v).imageSrc?(d(),m("img",{key:1,class:"mb-2 mt-3 h-auto max-w-xs",src:e(v).imageSrc,alt:""},null,8,ye)):(d(),m("svg",fe,we)),l(V,{"default-size":"cover",onCropResult:T}),ke,l(r,{class:"mt-2",message:e(t).errors.image_transportation_2},null,8,["message"])])]),Ue,s("div",Se,[s("div",null,[l(n,{value:"OG Title TH",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).th_og_title,"onUpdate:modelValue":o[21]||(o[21]=a=>e(t).th_og_title=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_og_title},null,8,["message"])]),s("div",null,[l(n,{value:"OG Title EN",required:!0}),l(u,{type:"text",class:"mt-1 block w-full",modelValue:e(t).en_og_title,"onUpdate:modelValue":o[22]||(o[22]=a=>e(t).en_og_title=a)},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_og_title},null,8,["message"])]),s("div",null,[s("div",Te,[l(n,{value:"OG Description TH",required:!0}),s("p",{class:w(["ml-2",{"text-danger":e(L)==0}])}

1,y(e(z)),3)]),l(_,{modelValue:e(t).th_og_description,"onUpdate:modelValue":o[23]||(o[23]=a=>e(t).th_og_description=a),maxlength:"255",id:"th_og_description",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.th_og_description},null,8,["message"])]),s("div",null,[s("div",ze,[l(n,{value:"OG Description EN",required:!0}),s("p",{class:w(["ml-2",{"text-danger":e(A)==0}])},y(e(N)),3)]),l(_,{modelValue:e(t).en_og_description,"onUpdate:modelValue":o[24]||(o[24]=a=>e(t).en_og_description=a),maxlength:"255",id:"en_og_description",class:"w-full",rows:"4"},null,8,["modelValue"]),l(r,{class:"mt-2",message:e(t).errors.en_og_description},null,8,["message"])])]),s("div",Le,[l(M,null,{default:B(()=>[x(" บันทึก ")]),_:1})])],40,O))}};export{Ie as default};