1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5300],{65572:(e,a,s)=>{Promise.resolve().then(s.bind(s,97587))},97587:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var l=s(95155),t=s(12115),r=s(20063),i=s(4920),d=s(83987),n=s(13125),c=s(85921);function o(e){let{dramaId:a,title:s,thumbnail:t,episodeId:i,episodeNo:d,className:o}=e,m=(0,r.useRouter)(),x=async e=>(e.preventDefault(),m.push("/watch/drama/".concat(a).concat(i?"?epId=".concat(i):"")));return(0,l.jsxs)(n.$,{variant:"default",size:"lg",className:o,onClick:x,children:[(0,l.jsx)(c.A,{className:"fill-black pr-1"}),"Play"]})}let m=e=>e.length?e.sort((e,a)=>e.episodeNo-a.episodeNo)[0]:null;function x(){var e,a,s,n;let c=(0,r.useParams)().id,[x,h]=(0,t.useState)(null),[b,p]=(0,t.useState)(!0);return((0,t.useEffect)(()=>{(async()=>{try{let e=await fetch("/api/drama/info?id=".concat(c)),a=await e.json();h(a.data)}catch(e){console.error("Error fetching drama info:",e)}finally{p(!1)}})()},[c]),b)?(0,l.jsx)("div",{className:"flex items-center justify-center min-h-screen",children:(0,l.jsx)("div",{className:"animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-primary"})}):x?(0,l.jsxs)("div",{className:"relative min-h-screen pb-16 text-gray-900 dark:text-gray-100 bg-white dark:bg-black",children:[(0,l.jsxs)("div",{className:"relative w-full h-[90vh] overflow-hidden",children:[(0,l.jsx)("img",{src:x.thumbnail,alt:x.title,className:"object-cover w-full h-full blur-md",loading:"lazy"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent via-white/60 to-white dark:via-black/60 dark:to-black"})]}),(0,l.jsxs)("div",{className:"relative z-10 mx-auto -mt-64 max-w-screen-xl px-4 md:px-8 lg:px-12 xl:px-16",children:[(0,l.jsxs)("div",{className:"flex flex-col md:flex-row md:items-start md:space-x-8",children:[(0,l.jsx)("div",{className:"hidden flex-shrink-0 md:block md:w-1/3 lg:w-1/4",children:(0,l.jsx)("img",{src:x.thumbnail,alt:x.title,className:"mx-auto rounded-xl shadow-xl md:mx-0",width:"300",height:"450"})}),(0,l.jsxs)("div",{className:"mt-6 md:mt-0 md:w-2/3 lg:w-3/4",children:[(0,l.jsx)("h1",{className:"mb-4 text-3xl font-bold md:text-4xl",children:x.title}),(0,l.jsx)("div",{className:"mb-4 text-sm text-black dark:text-gray-300",children:x.other_name&&(0,l.jsxs)("p",{className:"mb-2",children:["Other Name: ",x.other_name]})}),(0,l.jsx)("div",{className:"mb-4 flex flex-wrap gap-2",children:x.genres.slice(0,3).map(e=>(0,l.jsx)("span",{className:"rounded-full bg-slate-900 bg-opacity-40 px-3 py-1 text-sm text-white dark:bg-red-900 dark:bg-opacity-40 dark:text-red-400",children:e},e))}),(0,l.jsxs)("div",{className:"mb-4 flex flex-wrap gap-4 text-black dark:text-white",children:[(0,l.jsxs)("span",{children:["Country: ",x.country]}),(0,l.jsxs)("span",{children:["Status: ",x.status]}),(0,l.jsxs)("span",{children:["Release Year: ",x.release_year]})]}),(0,l.jsx)("p",{className:"mb-6 text-lg line-clamp-4 text-ellipsis",children:x.synopsis}),(0,l.jsx)("div",{className:"hidden md:block",children:(0,l.jsxs)("div",{className:"flex items-center space-x-4",children:[(0,l.jsx)(o,{dramaId:c,title:x.title,thumbnail:x.thumbnail,episodeId:null==(e=m(x.episodes))?void 0:e.episode_id,episodeNo:null==(a=m(x.episodes))?void 0:a.episodeNo,className:"border border-white font-bold transition-transform hover:scale-110"}),(0,l.jsx)(d.default,{mediaId:c,mediaType:"drama",title:x.title,backdrop_path:x.thumbnail,variant:"secondary",size:"lg",className:"border border-black bg-transparent font-bold dark:border-white dark:text-white lg:transition-transform lg:hover:scale-110"})]})}),(0,l.jsxs)("div",{className:"flex flex-col space-y-3 md:hidden",children:[(0,l.jsx)(o,{dramaId:c,title:x.title,thumbnail:x.thumbnail,episodeId:null==(s=m(x.episodes))?void 0:s.episode_id,episodeNo:null==(n=m(x.episodes))?void 0:n.episodeNo,className:"w-full border border-white font-bold lg:transition-transform lg:hover:scale-110"}),(0,l.jsx)(d.default,{mediaId:c,mediaType:"drama",title:x.title,backdrop_path:x.thumbnail,variant:"secondary",size:"lg",className:"w-full border border-black bg-transparent font-bold dark:border-white dark:text-white lg:transition-transform lg:hover:scale-110"})]})]})]}),(0,l.jsx)("div",{className:"mb-8 mt-16",children:(0,l.jsx)(i.b,{data:x,id:c})})]})]}):null}}},e=>{e.O(0,[7405,2076,8096,7358],()=>e(e.s=65572)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.