https://qudwahindonesia.id/_next/static/chunks/pages/routine/[slug]-90d09b32c5116a25.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7312],{78135:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>u});var a=t(37876),r=t(89099),l=t(14232),n=t(68900),d=t(95942),i=t(57894),o=t(69086),m=t(82363),x=t(20004);let c=e=>{let{amount:s,duration:t,programId:n,totalAmount:d}=e,[i,o]=(0,l.useState)(!1),m=(0,r.useRouter)();return(0,a.jsx)("div",{className:"fixed bottom-0 left-0 right-0 bg-white/95 backdrop-blur-lg border-t border-gray-200 shadow-2xl",children:(0,a.jsxs)("div",{className:"max-w-screen-sm mx-auto p-4",children:[(0,a.jsxs)("div",{className:"bg-gradient-to-r from-green-50 to-emerald-50 rounded-xl p-4 mb-3 border border-green-100",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("span",{className:"text-sm text-gray-600",children:"Ringkasan Donasi Rutin"}),(0,a.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,a.jsx)("svg",{className:"w-4 h-4 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,a.jsx)("span",{className:"text-xs text-green-600 font-medium",children:"Siap Diproses"})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-4 text-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-lg font-bold text-gray-900",children:null==s?void 0:s.toLocaleString("id-ID")}),(0,a.jsx)("div",{className:"text-xs text-gray-600",children:"Per Hari"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-lg font-bold text-gray-900",children:t}),(0,a.jsx)("div",{className:"text-xs text-gray-600",children:"Kali"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-lg font-bold text-green-600",children:null==d?void 0:d.toLocaleString("id-ID")}),(0,a.jsx)("div",{className:"text-xs text-gray-600",children:"Total"})]})]})]}),(0,a.jsx)("button",{className:"w-full flex items-center justify-center gap-3 px-6 py-4 bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white font-bold text-lg rounded-xl shadow-lg transition-all duration-200 hover:shadow-xl hover:scale-[1.02] active:scale-[0.98]",onClick:e=>{e.preventDefault(),m.push({pathname:"/wallets/recurring",query:{amount:s,programId:n,duration:t,totalAmount:d,recurring:!0}})},children:i?(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(x.A,{}),(0,a.jsx)("span",{children:"Memproses..."})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"})}),(0,a.jsx)("span",{children:"Top Up Wallet & Aktifkan Donasi Rutin"}),(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 7l5 5m0 0l-5 5m5-5H6"})})]})})]})})},u=()=>{let{programItem:e,programLoading:s,getProgramDetail:t}=(0,d._)(),[x,u]=(0,l.useState)(1),[h,p]=(0,l.useState)(1e4),g=(0,r.useRouter)();return((0,l.useEffect)(()=>{if(void 0!==g&&void 0!==g.query.slug){var e;t(null==(e=g.query)?void 0:e.slug)}},[g]),!0===s)?(0,a.jsx)(m.default,{}):(0,a.jsxs)("main",{className:"my-0 mx-auto min-h-full max-w-screen-sm overflow-hidden",children:[(0,a.jsx)(n.A,{title:null==e?void 0:e.title}),(0,a.jsxs)("main",{className:"center-content-v2 px-3 sm:px-4 pb-6",children:[(0,a.jsxs)("div",{className:"bg-gradient-to-r from-blue-50 to-indigo-50 shadow-xl rounded-2xl p-4 sm:p-6 mb-4 sm:mb-6 border border-blue-100",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2 mb-3 sm:mb-4",children:[(0,a.jsx)("div",{className:"p-1.5 sm:p-2 bg-blue-100 rounded-lg",children:(0,a.jsx)("svg",{className:"w-4 h-4 sm:w-5 sm:h-5 text-blue-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1"})})}),(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-gray-900",children:"Nominal Donasi Rutin"})]}),(0,a.jsxs)("div",{className:"bg-white rounded-xl p-3 sm:p-4 shadow-sm border border-gray-100",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("span",{className:"text-xs sm:text-sm text-gray-600",children:"Per hari"}),(0,a.jsx)("span",{className:"text-base sm:text-lg font-bold text-green-600",children:(0,i.OJ)(h||0)})]}),(0,a.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,a.jsx)("span",{className:"text-gray-600 font-medium text-sm sm:text-base",children:"Rp"}),(0,a.jsx)(o.HG,{onValueChange:(e,s)=>{p(e.floatValue)},placeholder:"Ketik nominal donasi",value:h,name:"amount",disabled:!1,hidden:!1,className:"flex-1 px-2 sm:px-3 py-2 text-right text-base sm:text-lg font-bold text-gray-900 bg-transparent border-0 focus:outline-none focus:ring-0 placeholder:text-gray-400 placeholder:text-sm sm:placeholder:text-base placeholder:font-normal",required:!0,allowLeadingZeros:!0,thousandSeparator:".",decimalSeparator:","})]})]})]}),(0,a.jsxs)("div",{className:"bg-gradient-to-r from-purple-50 to-pink-50 shadow-xl rounded-2xl p-4 sm:p-6 mb-4 sm:mb-6 border border-purple-100",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2 mb-3 sm:mb-4",children:[(0,a.jsx)("div",{className:"p-1.5 sm:p-2 bg-purple-100 rounded-lg",children:(0,a.jsx)("svg",{className:"w-4 h-4 sm:w-5 sm:h-5 text-purple-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})}),(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-gray-900",children:"Durasi Donasi Rutin"})]}),(0,a.jsxs)("div",{className:"bg-white rounded-xl p-3 sm:p-4 shadow-sm border border-gray-100 space-y-3 sm:space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)(o.HG,{onValueChange:(e,s)=>{u(e.floatValue)},placeholder:"0",value:x,name:"duration",disabled:!1,hidden:!1,className:"flex-1 min-w-[250px] px-2 sm:px-3 py-2 text-left text-base sm:text-lg font-bold text-gray-900 bg-transparent border-0 focus:outline-none focus:ring-0",required:!0,allowLeadingZeros:!0,thousandSeparator:".",decimalSeparator:","}),(0,a.jsx)("span",{className:"text-gray-600 font-medium text-sm sm:text-base ml-2 mr-4 sm:mr-0",children:"kali"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"flex justify-between text-xs sm:text-sm text-gray-600",children:[(0,a.jsx)("span",{children:"1"}),(0,a.jsx)("span",{children:"360"})]}),(0,a.jsx)("input",{type:"range",min:1,max:360,value:x,onChange:e=>u(Number(e.target.value)),className:"w-full h-2 bg-gradient-to-r from-purple-200 to-purple-300 rounded-lg appearance-none cursor-pointer slider-thumb",style:{background:"linear-gradient(to right, #8b5cf6 0%, #8b5cf6 ".concat((x-1)/359*100,"%, #e9d5ff ").concat((x-1)/359*100,"%, #e9d5ff 100%)")}}),(0,a.jsx)("div",{className:"text-center",children:(0,a.jsx)("span",{className:"text-xs sm:text-sm text-purple-600 font-medium",children:"Geser slider atau ketik manual"})})]})]})]}),(0,a.jsxs)("div",{className:"bg-gradient-to-r from-green-50 to-emerald-50 shadow-xl rounded-2xl p-4 sm:p-6 mb-4 sm:mb-6 border border-green-100",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2 mb-3 sm:mb-4",children:[(0,a.jsx)("div",{className:"p-1.5 sm:p-2 bg-green-100 rounded-lg",children:(0,a.jsx)("svg",{className:"w-4 h-4 sm:w-5 sm:h-5 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"})})}),(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-gray-900",children:"Ringkasan Donasi"})]}),(0,a.jsx)("div",{className:"bg-white rounded-xl p-3 sm:p-4 shadow-sm border border-gray-100",children:(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsxs)("span",{className:"text-xs sm:text-sm text-gray-600",children:["Total selama ",x," kali"]}),(0,a.jsx)("span",{className:"text-lg sm:text-xl font-bold text-green-600",children:(0,i.OJ)(h*x||0)})]})})]}),(0,a.jsxs)("div",{className:"bg-gradient-to-r from-gray-50 to-slate-50 shadow-xl rounded-2xl p-4 sm:p-6 border border-gray-100",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-2 mb-3 sm:mb-4",children:[(0,a.jsx)("div",{className:"p-1.5 sm:p-2 bg-gray-100 rounded-lg",children:(0,a.jsx)("svg",{className:"w-4 h-4 sm:w-5 sm:h-5 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})}),(0,a.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-gray-900",children:"Jadwal Donasi"})]}),(0,a.jsxs)("div",{className:"bg-white rounded-xl p-3 sm:p-4 shadow-sm border border-gray-100",children:[(0,a.jsx)("p",{className:"text-gray-700 mb-3 text-sm sm:text-base",children:"Donasi rutin akan dilakukan setiap:"}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-2 mb-4",children:[{day:"Senin",active:null==e?void 0:e.routine_on_monday},{day:"Selasa",active:null==e?void 0:e.routine_on_tuesday},{day:"Rabu",active:null==e?void 0:e.routine_on_wednesday},{day:"Kamis",active:null==e?void 0:e.routine_on_thursday},{day:"Jum'at",active:null==e?void 0:e.routine_on_friday},{day:"Sabtu",active:null==e?void 0:e.routine_on_saturday},{day:"Minggu",active:null==e?void 0:e.routine_on_sunday}].map(e=>{let{day:s,active:t}=e;return t&&(0,a.jsxs)("div",{className:"flex items-center space-x-2 p-2 bg-blue-50 rounded-lg",children:[(0,a.jsx)("svg",{className:"w-3 h-3 sm:w-4 sm:h-4 text-blue-600",fill:"currentColor",viewBox:"0 0 20 20",children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),(0,a.jsx)("span",{className:"text-xs sm:text-sm font-medium text-blue-700",children:s})]},s)})}),(0,a.jsxs)("div",{className:"flex items-center space-x-2 p-3 bg-orange-50 rounded-lg",children:[(0,a.jsx)("svg",{className:"w-3 h-3 sm:w-4 sm:h-4 text-orange-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),(0,a.jsxs)("span",{className:"text-xs sm:text-sm font-medium text-orange-700",children:["Pukul ",null==e?void 0:e.routine_time]})]})]})]}),(0,a.jsx)("div",{className:"mb-[200px]"})]}),(0,a.jsx)(c,{amount:h,duration:x,programId:null==e?void 0:e.id,totalAmount:h*x})]})}},80900:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/routine/[slug]",function(){return t(78135)}])}},e=>{e.O(0,[8096,2076,636,8792],()=>e(e.s=80900)),_N_E=e.O()}]);