https://www.trimt-nsa.gov.tw/_next/static/chunks/pages/love-trimt-144b86e2d9881ecf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4399],{64938:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/love-trimt",function(){return i(57550)}])},57550:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return z}});var n=i(85893),a=i(67294),o=i(41664),s=i.n(o),l=i(46107),r=i(87576),c=i(75988),d=i(5459),p=i(31488),m=i(74306),u=i(11163),h=i(94960),x=i(46737),f=i.n(x),y=i(85433),g=i(87633),j=i(67204);let b=[{title:"預約地點",name:"location",type:h.iz.RADIO,options:{required:"此欄位為必填"}},{title:"預約日期",name:"date",type:h.iz.DATE,options:{required:"此欄位為必填"},minDate:(0,g.default)(new Date,7),maxDate:(0,g.default)(new Date,36)},{title:"申請時段",name:"period",type:h.iz.RADIO,options:{required:"此欄位為必填"},hint:"請先選擇預約地點，系統將自動帶出時段",hintClassName:"fz-16px fz-xl-18px font-weight-bold text-danger"},{title:"申請單位",name:"organization",type:h.iz.TEXT,options:{required:"此欄位為必填"}},{title:"預約人數",name:"people",type:h.iz.NUMBER,options:{required:"此欄位為必填"},min:{value:10,message:"人數至少 10 人"},max:{value:40,message:"人數最多 40 人"},hint:"參與人數至少10人，至多40人。"},{title:"手套數量",name:"gloves",type:h.iz.NUMBER,options:{required:"此欄位為必填"},max:{value:40,message:"最多40雙"},hint:"最多40雙"},{title:"夾子數量",name:"tongs",type:h.iz.NUMBER,options:{required:"此欄位為必填"},max:{value:40,message:"最多40隻"},hint:"最多40隻"},{title:"竹掃把數量",name:"brooms",type:h.iz.NUMBER,options:{required:"此欄位為必填"},max:{value:5,message:"最多5隻"},hint:"最多5隻"},{title:"領取掃地用具的地點",name:"pickup_location",type:h.iz.RADIO,options:{required:"此欄位為必填"},items:[{id:1,title:"獅山遊客中心"},{id:2,title:"梨山遊客中心"},{id:3,title:"八卦山脈生態遊客中心"},{id:4,title:"南庄遊客中心"},{id:5,title:"谷關遊客中心"},{id:6,title:"松柏嶺遊客中心"}]},{title:"申請人姓名",name:"name",type:h.iz.TEXT,options:{required:"此欄位為必填"}},{title:"申請人電話",name:"tel",type:h.iz.TEXT,options:{required:"此欄位為必填",pattern:{value:/^0\d{1,2}\d{6,8}$/,message:"格式有誤：0423312678 或 0900000000"},maxLength:10},hint:"格式：0423312678 或 0900000000"},{title:"電子郵件",name:"email",type:h.iz.TEXT,options:{required:"此欄位為必填",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"email格式：[email protected]"}}},{title:"其它協助",name:"comment",type:h.iz.TEXTAREA,hint:"請輸入額外其它協助說明"}],w=[{type:h.iz.ACCEPT,name:"privacy-policy"}];var z=!0;t.default=e=>{let{title:t,locale:i,desc:o}=e,{toggleLoading:x}=(0,a.useContext)(y.p),[g,z]=(0,a.useState)(!1),[_,q]=(0,a.useState)(!1),v=(0,m.bU)(),[N,E]=(0,a.useState)(null),[T,R]=(0,a.useState)(null),X=(0,u.useRouter)(),S=async e=>{let t=new FormData;x(!0),e.date=(0,j.default)(e.date,"yyyy-MM-dd"),Object.keys(e).forEach(i=>t.append(i,e[i]));let n=await fetch(h.qf.getToken.replace("zh-tw",i),{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(e=>{let{data:t}=e;return t}).catch(console.error);t.append("__RequestVerificationToken",n),fetch("/_api/zh-tw/application-for-mountain-clean-up/",{method:"POST",headers:{"X-Requested-With":"XMLHttpRequest"},body:t}).then(e=>e.json()).then(e=>{let{success:t,data:i}=e;t?f()("淨山申請-報名完成","謝謝您使用線上申請系統，請注意連絡信箱的通知信函，審核需3-5天的工作時間，請您耐心等待。也請留意信件內提供的申請序號，日後如欲了解處理進度，請用該序號進行查詢，謝謝。","success").then(()=>{X.push("/zh-tw/applications")}):(f()(i.toString(),"","warning"),document.querySelector("#captcha-img").src="/_api/captcha?".concat(+new Date)),x(!1)}).catch(console.error)};return(0,a.useEffect)(()=>{g&&fetch("/_api/zh-tw/application-locations?type=C",{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(e=>{let{data:t}=e;t=t.map(e=>({id:e.location_id,title:e.name,group:e.area}));let i=b.find(e=>"location"===e.name);i.items=t,i.orderByGroup=!0,i.callback=e=>{R(e)},E(b)}).catch(console.error)},[g]),(0,a.useEffect)(()=>{T&&fetch("/_api/zh-tw/application-times?id=".concat(T),{headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(e=>{let t=[...N],i=t.find(e=>"period"===e.name);i.items=e.data.map(e=>{let{sn:t,begin:i,end:n}=e;return{id:t,title:"".concat(i,"-").concat(n)}}),i.hint="",E(t)}

1).catch(console.error)},[T]),(0,n.jsxs)("div",{children:[(0,n.jsx)(l.Z,{title:"".concat((0,p.Iu)(t,i))}),(0,n.jsx)(r.Z,{className:"position-relative z-10 text-center text-default border-bottom",unit:"application"}),(0,n.jsxs)("div",{className:"w-100 maw-680px mx-auto pb-5 pb-md-8 pb-xl-10",children:[(0,n.jsx)("h2",{className:"py-4 py-md-5 text-center fz-32px fz-md-40px fz-xl-48px font-weight-bold border-bottom",children:t}),!g&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{dangerouslySetInnerHTML:{__html:o}}),(0,n.jsxs)("div",{className:"text-center pt-2 pt-xl-5",children:[(0,n.jsx)(d.Z,{data:w,policy:[],onSubmit:()=>{},showCaptcha:!1,hideAcceptBorder:!0,acceptCenter:!0,acceptText:(0,n.jsx)(p.ZP,{children:"我已詳閱上述申請須知並同意[個資保護聲明/隱私權政策]所有內容。"}),onFormChange:(e,t)=>{"privacy-policy"===e&&q(t)}}),(0,n.jsx)("div",{className:"d-flex justify-content-center align-items-center h-7",children:(0,n.jsx)("button",{onClick:_?()=>{z(!0),window.scrollTo(0,0)}:void 0,title:(0,p.Iu)("下一步",v),className:"d-inline-flex align-items-center justify-content-center px-5 py-2 mt-1 font-bold rounded-pill border-0 ".concat(_?"bg-primary text-white":"bg-[#c1c1c1] text-white"),disabled:!_,children:(0,n.jsx)(p.ZP,{children:"下一步"})})})]})]}),g&&(0,n.jsxs)(n.Fragment,{children:[!N&&(0,n.jsx)("div",{className:"d-flex justify-content-center",children:(0,n.jsx)(c.Z,{size:18})}),N&&(0,n.jsx)(d.Z,{data:N,onSubmit:S,children:(0,n.jsxs)("div",{className:"d-flex justify-content-center mt-5 mt-md-6",children:[(0,n.jsx)(s(),{className:"btn miw-120px h-6 mr-2 rounded-lg",href:"/zh-tw/applications",children:"回列表"}),(0,n.jsx)("button",{className:"btn btn-primary justify-content-center miw-240px h-6 rounded-lg",children:"送出"})]})})]})]})]})}}},function(e){e.O(0,[2962,4081,6737,7536,1828,5459,2888,9774,179],function(){return e(e.s=64938)}),_N_E=e.O()}]);