https://bchannel.vn/_next/static/chunks/pages/subscription-d9cc63badabade8f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7803],{37348:(e,s,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/subscription",function(){return n(56637)}])},56637:(e,s,n)=>{"use strict";n.r(s),n.d(s,{__N_SSP:()=>m,default:()=>g});var i=n(37876),l=n(14232),t=n(68827),r=n.n(t),c=n(27223),a=n(48230),d=n.n(a),x=n(77432),u=n(6851),h=n(73765),o=n(15451),m=!0;function g(e){let{idVideo:s}=e,[n,t]=(0,l.useState)([]),[c,a]=(0,l.useState)(!1),[m,g]=(0,l.useState)(!1);async function p(){a(!0);try{let{data:e,success:n}=await h.Rn.getListPacekage({type:"SUBS",league_id:s||void 0});n&&t(e)}catch(e){e&&x.Ew.error({message:e}),console.log(e),a(!1)}finally{a(!1)}}return(0,l.useEffect)(()=>{p(),(0,o.YT)("Danh s\xe1ch g\xf3i cước","PACKAGE_TAB")},[s]),(0,l.useEffect)(()=>{window.innerWidth>=768?g(!1):g(!0)}),(0,i.jsx)("main",{className:"max-w-screen-xl m-auto md:px-8 px-4 py-4  mb-8 text-dark-100 ",children:m?(0,i.jsx)(i.Fragment,{children:c?(0,i.jsx)(u.A,{type:"sub"}):n.map(e=>{let{description:s,id:n,image_uri:l,name:t}=e;return(0,i.jsx)("div",{className:"md:rounded-lg  rounded-xl mb-4",children:(0,i.jsx)("div",{className:" flex justify-center max-h-56 w-full",children:(0,i.jsx)(d(),{href:"/subscription-detail/".concat(n),children:(0,i.jsx)(r(),{className:"md:rounded cursor-pointer rounded-xl",src:l,width:401,height:213})})})},n)})}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:" p-4 w-full rounded-lg px-8 gradient-sub items-center mb-8 flex",children:(0,i.jsxs)("div",{children:[(0,i.jsx)("h1",{className:"font-bold text-xl mb-2",children:"Chọn g\xf3i cước"}),(0,i.jsx)("div",{className:"text-dark-300",children:"Vui l\xf2ng chọn mua một trong những g\xf3i sau để trải nghiệm những nội dung đặc sắc tr\xean ứng dụng ON Plus"})]})}),c?(0,i.jsx)(u.A,{type:"sub"}):n.map(e=>{let{description:s,id:n,image_uri:l,name:t}=e;return(0,i.jsx)("div",{className:"bg-dark mx-14 rounded-lg mb-4",children:(0,i.jsxs)("div",{className:"px-8 py-6 grid grid-cols-5 gap-6",children:[(0,i.jsx)("div",{className:"col-span-2 flex justify-center max-h-56 w-full",children:(0,i.jsx)(d(),{href:"/subscription-detail/".concat(n),children:(0,i.jsx)(r(),{className:"rounded cursor-pointer",src:l,width:401,height:213})})}),(0,i.jsxs)("div",{className:"col-span-3 flex flex-col justify-between",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-white font-semibold text-lg",children:t}),(0,i.jsx)("div",{className:"mb-2 line-clamp-5",dangerouslySetInnerHTML:{__html:null==s?void 0:s.replace(/\n/g,"<br />")}})]}),(0,i.jsx)("div",{children:(0,i.jsx)("button",{className:"rounded-3xl py-1 px-6 text-base flex items-center mb-2 bg-primary-500 space-x-4 hover:bg-primary-hover font-semibold text-dark",children:(0,i.jsx)(d(),{href:"/subscription-detail/".concat(n),children:(0,i.jsx)("span",{children:"CHỌN G\xd3I"})})})})]})]})},n)})]})})}g.Layout=c.PE}},e=>{e.O(0,[6851,636,6593,8792],()=>e(e.s=37348)),_N_E=e.O()}]);