https://vtvprime.vn/_next/static/chunks/1564.209bd937092a6ce1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1564],{91564:(e,t,s)=>{s.r(t),s.d(t,{default:()=>m});var i=s(37876),r=s(14232),a=s(37216),n=s(54587),l=s.n(n),c=s(30955),d=s(41629),x=s(48230),o=s.n(x);function m({data:e}){let[t,s]=(0,r.useState)(e?.imageURL),n=e?.content,x=n?.title,g=n?.startTimestamp,{pushToContentDetail:j,returnLinkByContentType:f}=(0,a.A)(),[C,v]=(0,r.useState)(""),_=e?.titleArtURL,[b,N]=(0,r.useState)(()=>g-Date.now()),w=(0,r.useRef)(null);function k(){return(0,i.jsxs)("div",{className:"flex items-center gap-[6px] text-primary text20_600_26",children:[p,(0,i.jsx)("span",{children:(0,d.k5)(n?.viewCount||0)})]})}return(0,r.useEffect)(()=>{s(e?.imageURL)},[e]),(0,r.useEffect)(()=>{if(n?.description?.length>0){let e="";n?.description?.forEach(t=>{e+=t?.html}),v((0,d.f7)(e))}else v("")},[n?.description]),(0,r.useEffect)(()=>{if(!g||b<=0)return;w.current&&(clearInterval(w.current),w.current=null);let e=()=>{N(Math.max(0,g-Date.now()))};return e(),w.current=setInterval(e,1e3),()=>{w.current&&(clearInterval(w.current),w.current=null)}},[g]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(o(),{href:`${f(n)}`,className:"relative",onClick:()=>{j(e)},children:(0,i.jsxs)("div",{className:"relative aspect-[2/1] cursor-pointer overflow-hidden group lg:rounded-2xl md:rounded-xl rounded-lg",children:[(0,i.jsxs)("div",{className:"absolute z-10 w-full left-0 p-3 lg:py-5 lg:px-5 xl:py-8 xl:px-8 bottom-0",style:{background:"linear-gradient(180deg, rgba(29, 29, 29, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%)"},children:[_?(0,i.jsx)("div",{className:"max-w-[40%]",children:(0,i.jsx)(l(),{src:_,alt:"",width:300,height:100,className:"max-w-[100%] max-h-[80px] md:max-h-[100px] lg:max-h-[120px] xl:max-h-[160px] object-cover"})}):(0,i.jsx)("div",{className:"max-w-[90%] line-clamp-2 text24_700_32 text-primary",children:x}),(0,i.jsx)("div",{className:"mt-3 flex items-center text20_600_26 text-primary",children:function(){var e;let t;if(n?.__typename==="VOD"){let e;return n?.contentType==="GENERIC_VOD"?k():(e=n?.imdbRating&&n?.imdbRating>0?n?.imdbRating:null,(0,i.jsxs)("div",{className:"w-full flex items-center text-primary text20_600_26",children:[e&&(0,i.jsxs)("div",{className:"flex items-center gap-1 py-[2px] px-[6px] rounded-md bg-[#0505063D]",children:[n?.imdbRating," ",(0,i.jsx)("p",{className:"text-base text-[#FDB022]",children:"★"})]}),e&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.ageRating&&(0,i.jsx)("div",{className:"flex py-[2px] px-[6px] rounded-md bg-[#0505063D]",children:n?.ageRating}),n?.ageRating&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.video?.duration?(0,i.jsx)("p",{children:(0,d.BU)(n?.video?.duration/1e3)}):(0,i.jsx)(i.Fragment,{}),n?.video?.duration&&n?.publicationTimestamp&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.publicationTimestamp?(0,i.jsx)("p",{children:(0,d.Cp)(n?.publicationTimestamp)}):(0,i.jsx)(i.Fragment,{})]}))}return n?.__typename==="Event"?function(){let e=new Date().getTime(),t=n?.startTimestamp,s=n?.startTimestamp+n?.duration;if(e<t){if(b<=18e5&&b>0){let e=Math.floor(b/1e3/60),t=Math.floor(b/1e3%60);return(0,i.jsxs)("div",{className:"flex gap-[6px] text18_500_22",children:[(0,i.jsx)(l(),{src:"/home/iconClock.gif",alt:"clock",width:20,height:20}),(0,i.jsxs)("div",{className:"flex gap-1 items-center",children:["Ph\xe1t trực tiếp trong",(0,i.jsx)("p",{className:"bg-[#050506A3] border border-solid border-[#26262C] w-7 h-7 flex justify-center items-center rounded overflow-hidden",children:e})," ",":"," ",(0,i.jsx)("p",{className:"bg-[#050506A3] border border-solid border-[#26262C] w-7 h-7 flex justify-center items-center rounded",children:t>=10?t:"0"+t})]})]})}return(0,i.jsxs)("div",{className:"flex gap-[6px] text18_500_22",children:[h," ",(0,d.H6)(t)]})}return e>=s?(0,i.jsxs)("div",{className:"flex gap-[6px] text18_500_22 text-[#C6C6C8]",children:[u," ",(0,i.jsx)("p",{className:"text-primary",children:"Sự kiện đ\xe3 kết th\xfac"})]}):(0,i.jsxs)("div",{className:"flex gap-[6px] text18_500_22 text-[#F00000]",children:[u," ",(0,i.jsx)("p",{className:"text-primary",children:"Đang ph\xe1t trực tiếp"})]})}():n?.__typename==="Series"||n?.__typename==="Collection"?(e=n?.__typename,t=n?.imdbRating&&n?.imdbRating>0?n?.imdbRating:null,(0,i.jsxs)("div",{className:"w-full flex items-center text-primary text20_600_26",children:[t&&(0,i.jsxs)("div",{className:"flex items-center gap-1 py-[2px] px-[6px] rounded-md bg-[#0505063D]",children:[t," ",(0,i.jsx)("p",{className:"text-base text-[#FDB022]",children:"★"})]}),t&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.ageRating&&(0,i.jsx)("div",{className:"flex py-[2px] px-[6px] rounded-md bg-[#0505063D]",children:n?.ageRating}),n?.ageRating&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.episodeCount?(0,i.jsxs)("p",{children:[n?.episodeCount||n?.total," ","Series"===e?"tập":"videos"]}):(0,i.jsx)(i.Fragment,{}),n?.episodeCount&&n?.publicationTimestamp&&(0,i.jsx)("span",{className:"mx-2",children:" • "}),n?.publicationTimestamp?(0,i.jsx)("p",{children:(0,d.Cp)(n?.publicationTimestamp)}):(0,i.jsx)(i.Fragment,{})]})):n?.__typename==="Episode"?k():(0,i.jsx)("div",{})}()}),C&&(0,i.jsx)("div",{className:"mt-2 text18_400_22 text-secondary1",children:C})]}),(0,i.jsx)("div",{className:"fix_img absolute inset-0 bg-surface",children:(0,i.jsx)(l(),{className:"bg-surface object-cover",src:t||c.A.IMAGE_HORIRONTAL_DEFAULT,fill:!0,sizes:"100vw",style:{objectFit:"cover"},alt:"name",onError:()=>s(c.A.IMAGE_HORIRONTAL_DEFAULT)})})]})})})}let p=(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 20 20",fill:"none",children:[(0,i.jsx)("path",{d:"M2.01677 10.5943C1.90328 10.4146 1.84654 10.3248 1.81477 10.1862C1.79091 10.0821 1.79091 9.91791 1.8147

17 9.81381C1.84654 9.67522 1.90328 9.58537 2.01677 9.40567C2.95461 7.92069 5.74617 4.16666 10.0003 4.16666C14.2545 4.16666 17.0461 7.92069 17.9839 9.40567C18.0974 9.58537 18.1541 9.67522 18.1859 9.81381C18.2098 9.91791 18.2098 10.0821 18.1859 10.1862C18.1541 10.3248 18.0974 10.4146 17.9839 10.5943C17.0461 12.0793 14.2545 15.8333 10.0003 15.8333C5.74617 15.8333 2.95461 12.0793 2.01677 10.5943Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M10.0003 12.5C11.381 12.5 12.5003 11.3807 12.5003 9.99999C12.5003 8.61928 11.381 7.49999 10.0003 7.49999C8.61962 7.49999 7.50034 8.61928 7.50034 9.99999C7.50034 11.3807 8.61962 12.5 10.0003 12.5Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),h=(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M17.5 8.33268H2.5M13.3333 1.66602V4.99935M6.66667 1.66602V4.99935M6.5 18.3327H13.5C14.9001 18.3327 15.6002 18.3327 16.135 18.0602C16.6054 17.8205 16.9878 17.4381 17.2275 16.9677C17.5 16.4329 17.5 15.7328 17.5 14.3327V7.33268C17.5 5.93255 17.5 5.23249 17.2275 4.69771C16.9878 4.2273 16.6054 3.84485 16.135 3.60517C15.6002 3.33268 14.9001 3.33268 13.5 3.33268H6.5C5.09987 3.33268 4.3998 3.33268 3.86502 3.60517C3.39462 3.84485 3.01217 4.2273 2.77248 4.69771C2.5 5.23249 2.5 5.93255 2.5 7.33268V14.3327C2.5 15.7328 2.5 16.4329 2.77248 16.9677C3.01217 17.4381 3.39462 17.8205 3.86502 18.0602C4.3998 18.3327 5.09987 18.3327 6.5 18.3327Z",stroke:"#F4F4F8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),u=(0,i.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M13.5329 6.46444C15.4856 8.41707 15.4856 11.5829 13.5329 13.5355M6.46186 13.5355C4.50924 11.5829 4.50924 8.41704 6.46186 6.46442M4.10484 15.8925C0.85047 12.6382 0.85047 7.36179 4.10484 4.10742M15.89 4.10746C19.1443 7.36183 19.1443 12.6382 15.89 15.8926M11.6641 9.99998C11.6641 10.9205 10.9179 11.6666 9.9974 11.6666C9.07692 11.6666 8.33073 10.9205 8.33073 9.99998C8.33073 9.0795 9.07692 8.33331 9.9974 8.33331C10.9179 8.33331 11.6641 9.0795 11.6641 9.99998Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}}]);