https://www.ducxinh.com/_next/static/chunks/pages/courses/[...slug]-34755152ffe1b53c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[626],{7541:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/courses/[...slug]",function(){return s(4991)}])},99232:function(e,t,s){"use strict";s.d(t,{$t:function(){return m},TQ:function(){return d},Uy:function(){return x},zj:function(){return u}});var r=s(11527),n=s(43116),a=s.n(n),i=s(77575),o=s.n(i),l=s(28449);let c=e=>{let{title:t,description:s,ogType:n,ogImage:i,twImage:c,canonicalUrl:d}=e,m=(0,l.useRouter)();return(0,r.jsxs)(o(),{children:[(0,r.jsx)("title",{children:t}),(0,r.jsx)("meta",{name:"robots",content:"follow, index"}),(0,r.jsx)("meta",{name:"description",content:s}),(0,r.jsx)("meta",{property:"og:url",content:"".concat(a().siteUrl).concat(m.asPath)}),(0,r.jsx)("meta",{property:"og:type",content:n}),(0,r.jsx)("meta",{property:"og:site_name",content:a().title}),(0,r.jsx)("meta",{property:"og:description",content:s}),(0,r.jsx)("meta",{property:"og:title",content:t}),Array.isArray(i)?i.map(e=>{let{url:t}=e;return(0,r.jsx)("meta",{property:"og:image",content:t},t)}):(0,r.jsx)("meta",{property:"og:image",content:i},i),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{name:"twitter:site",content:a().twitter}),(0,r.jsx)("meta",{name:"twitter:title",content:t}),(0,r.jsx)("meta",{name:"twitter:description",content:s}),(0,r.jsx)("meta",{name:"twitter:image",content:c}),(0,r.jsx)("meta",{name:"twitter:ss",content:c}),(0,r.jsx)("link",{rel:"canonical",href:d||"".concat(a().siteUrl).concat(m.asPath)})]})},d=e=>{let{title:t,description:s}=e,n=a().siteUrl+a().socialBanner,i=a().siteUrl+a().socialBanner;return(0,r.jsx)(c,{title:t,description:s,ogType:"website",ogImage:n,twImage:i})},m=e=>{let{title:t,description:s}=e,n=a().siteUrl+a().socialBanner,i=a().siteUrl+a().socialBanner,d=(0,l.useRouter)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{title:t,description:s,ogType:"website",ogImage:n,twImage:i}),(0,r.jsx)(o(),{children:(0,r.jsx)("link",{rel:"alternate",type:"application/rss+xml",title:"".concat(s," - RSS feed"),href:"".concat(a().siteUrl).concat(d.asPath,"/feed.xml")})})]})},u=e=>{let{title:t,description:s,url:n,imageUrl:i,instructor:l,duration:d,rating:m,reviewCount:u,keywords:x,category:g,level:p,price:h,locale:f}=e,j=n.includes("http")?n:"".concat(a().siteUrl).concat(n),b=(null==i?void 0:i.includes("http"))?i:"".concat(a().siteUrl).concat(i||a().socialBanner),v="string"==typeof l?l:null==l?void 0:l.name,y={"@context":"https://schema.org","@type":"Course",name:t,description:s,url:j,image:b,inLanguage:"vi"===f?"vi-VN":"ja"===f?"ja-JP":"en-US",...g&&{about:g},...x&&x.length>0&&{keywords:x.join(", ")},provider:{"@type":"Organization",name:a().author,sameAs:a().siteUrl},offers:{"@type":"Offer",category:h?"Paid":"Free",price:null!=h?h:0,priceCurrency:"USD",availability:"https://schema.org/InStock",url:j},hasCourseInstance:{"@type":"CourseInstance",courseMode:"online",...d&&{courseWorkload:d},...v&&{instructor:{"@type":"Person",name:v}}},...p&&{educationalLevel:p},...v&&{instructor:{"@type":"Person",name:v}},...d&&{timeRequired:d},...m&&{aggregateRating:{"@type":"AggregateRating",ratingValue:m,reviewCount:null!=u?u:0}}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{title:t,description:s,ogType:"website",ogImage:b,twImage:b,canonicalUrl:j}),(0,r.jsxs)(o(),{children:[x&&x.length>0&&(0,r.jsx)("meta",{name:"keywords",content:x.join(", ")}),(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(y,null,2)}})]})]})},x=e=>{let t,{authorDetails:s,title:n,summary:i,date:l,lastmod:d,url:m,images:u=[],canonicalUrl:x}=e,g=new Date(l).toISOString(),p=new Date(d||l).toISOString(),h=0===u.length?[a().socialBanner]:"string"==typeof u?[u]:u,f=h.map(e=>({"@type":"ImageObject",url:e.includes("http")?e:a().siteUrl+e}));t=s?s.map(e=>({"@type":"Person",name:e.name})):{"@type":"Person",name:a().author};let j={"@context":"https://schema.org","@type":"Article",mainEntityOfPage:{"@type":"WebPage","@id":m},headline:n,image:f,datePublished:g,dateModified:p,author:t,publisher:{"@type":"Organization",name:a().author,logo:{"@type":"ImageObject",url:"".concat(a().siteUrl).concat(a().siteLogo)}},description:i},b=f[0].url;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{title:n,description:i,ogType:"article",ogImage:f,twImage:b,canonicalUrl:x}),(0,r.jsxs)(o(),{children:[l&&(0,r.jsx)("meta",{property:"article:published_time",content:g}),d&&(0,r.jsx)("meta",{property:"article:modified_time",content:p}),(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(j,null,2)}})]})]})}},58463:function(e,t,s){"use strict";s.d(t,{m:function(){return a}});var r=s(11527),n=s(37254);function a(){return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:"border-stroke shadow-default dark:border-strokedark dark:bg-boxdark min-h-[100vh] rounded-sm border bg-white px-5 py-10 sm:py-20",children:(0,r.jsxs)("div",{className:"mx-auto max-w-[410px]",children:[(0,r.jsx)("img",{src:"/static/images/404.svg",alt:"illustration"}),(0,r.jsxs)("div",{className:"mt-7.5 text-center",children:[(0,r.jsx)("h2",{className:"mb-3 text-2xl font-bold text-black dark:text-white",children:"Sorry, the page can’t be found"}),(0,r.jsx)("p",{className:"font-medium",children:"The page you were looking for appears to have been moved, deleted or does not exist."}),(0,r.jsxs)(n.h,{className:"mt-7.5 inline-flex items-center gap-2 rounded-md bg-primary py-3 px-6 font-medium text-white hover:bg-opacity-90",href:"/",children:[(0,r.jsx)("svg",{className:"fill-current",width:16,height:14,viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M14.7492 6.38125H2.73984L7.52109 1.51562

1C7.77422 1.2625 7.77422 0.86875 7.52109 0.615625C7.26797 0.3625 6.87422 0.3625 6.62109 0.615625L0.799219 6.52187C0.546094 6.775 0.546094 7.16875 0.799219 7.42188L6.62109 13.3281C6.73359 13.4406 6.90234 13.525 7.07109 13.525C7.23984 13.525 7.38047 13.4687 7.52109 13.3562C7.77422 13.1031 7.77422 12.7094 7.52109 12.4563L2.76797 7.64687H14.7492C15.0867 7.64687 15.368 7.36562 15.368 7.02812C15.368 6.6625 15.0867 6.38125 14.7492 6.38125Z"})}),(0,r.jsx)("span",{children:"Back to Home"})]})]})]})})})}},15921:function(e,t,s){"use strict";s.d(t,{C:function(){return o}});var r=s(11527),n=s(21541),a=s(88409);s(50959);let i=(0,a.j)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 border-secondary",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function o(e){let{className:t,variant:s,...a}=e;return(0,r.jsx)("div",{className:(0,n.cn)(i({variant:s}),t),...a})}},36804:function(e,t,s){"use strict";s.d(t,{z:function(){return c}});var r=s(11527),n=s(21541),a=s(87191),i=s(88409),o=s(50959);let l=(0,i.j)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),c=o.forwardRef((e,t)=>{let{className:s,variant:i,size:o,asChild:c=!1,...d}=e,m=c?a.g7:"button";return(0,r.jsx)(m,{className:(0,n.cn)(l({variant:i,size:o,className:s})),ref:t,...d})});c.displayName="Button"},74588:function(e,t,s){"use strict";s.d(t,{O:function(){return a}});var r=s(11527),n=s(21541);function a(e){let{className:t,...s}=e;return(0,r.jsx)("div",{className:(0,n.cn)("animate-pulse rounded-md bg-primary/10",t),...s})}},86737:function(e,t,s){"use strict";function r(e){let t=Math.floor(e/60),s=e%60;return 0===s?"".concat(t,"m"):"".concat(t,"m ").concat(s,"s")}function n(e){return e.reduce((e,t)=>e+t.durationSeconds,0)}function a(e){return e>=1e3?"".concat((e/1e3).toFixed(1),"k"):String(e)}function i(e){let t=Math.floor(e/3600),s=Math.floor(e%3600/60);return 0===t?"".concat(s,"m"):0===s?"".concat(t,"h"):"".concat(t,"h ").concat(s,"m")}function o(e){return e.reduce((e,t)=>e+n(t.lessons),0)}function l(e){return e.reduce((e,t)=>e+t.lessons.length,0)}s.d(t,{CZ:function(){return a},F2:function(){return l},Gr:function(){return o},LU:function(){return r},Sz:function(){return n},cF:function(){return i}})},4991:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSP:function(){return H},default:function(){return J}});var r=s(11527),n=s(58463),a=s(99232),i=s(43116),o=s.n(i),l=s(37254),c=s(36804),d=(s(74588),s(33790)),m=s(60437),u=s(36582),x=s(50959),g=s(11492),p=s(54493);let h=e=>{let{description:t}=e,[s,n]=(0,x.useState)(!1),a=t.length>300;return(0,r.jsxs)("div",{className:"space-y-3 rounded-xl border border-border bg-card p-5 sm:p-6",children:[(0,r.jsx)("h2",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"About This Course"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("p",{className:"text-sm leading-relaxed text-foreground transition-all ".concat(!s&&a?"line-clamp-4":""),children:t}),!s&&a&&(0,r.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-card to-transparent"})]}),a&&(0,r.jsx)(c.z,{variant:"ghost",size:"sm",className:"-ml-2 h-8 text-sm font-medium text-amber-600 hover:bg-amber-50 hover:text-amber-700",onClick:()=>n(e=>!e),children:s?(0,r.jsxs)(r.Fragment,{children:["Show less ",(0,r.jsx)(g.Z,{size:14,className:"ml-1"})]}):(0,r.jsxs)(r.Fragment,{children:["Show more ",(0,r.jsx)(p.Z,{size:14,className:"ml-1"})]})})]})};var f=s(15921),j=s(13011),b=s(88137),v=s(83732),y=s(43044),N=s(16836),w=s(86737);let k=e=>{let{icon:t,label:s}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-sm text-muted-foreground",children:[(0,r.jsx)("span",{className:"text-amber-600",children:t}),(0,r.jsx)("span",{children:s})]})},z=e=>{let{course:t}=e;return(0,r.jsxs)("div",{className:"flex flex-wrap gap-x-4 gap-y-2",children:[(0,r.jsx)(k,{icon:(0,r.jsx)(v.Z,{size:14}),label:t.level}),(0,r.jsx)(k,{icon:(0,r.jsx)(y.Z,{size:14}),label:t.language||"Vietnamese"}),(0,r.jsx)(k,{icon:(0,r.jsx)(N.Z,{size:14}),label:"".concat((0,w.CZ)(t.totalStudents)," students")})]})},C=e=>{let{course:t,slug:s}=e,n=s?d._.course.learning.replace(":slug",s):t.slug?d._.course.learning.replace(":slug",t.slug):"";return(0,r.jsxs)("section",{className:"relative w-full overflow-hidden bg-stone-900 text-white",children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-cover bg-center opacity-20",style:{backgroundImage:"url(".concat(t.thumbnailUrl,")")},"aria-hidden":"true"}),(0,r.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-stone-900 via-stone-900/95 to-stone-900/60","aria-hidden":"true"}),(0,r.jsx)("div",{className:"relative mx-auto max-w-6xl px-4 py-10 sm:px-6 md:py-16 lg:px-8 lg:py-20",children:(0,r.jsxs)("div",{className:"max-w-2xl space-y-5",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(j.Z,{size:14,className:"text-amber-400"}),(0,r.jsx)("span",{className:"text-sm font-medium uppercase tracking-wide text-amber-400",children:/course/i.test(t.category)?t.category:"".concat(t.category," Course")})]}),(0,r.jsx)("h1",{className:"text-2xl font-bold leading-tight text-white sm:text-3xl lg:text-4xl",children:t.title}),(0,r.jsx)("p",{className:"line-clamp-3 text-sm leading-relaxed text-stone-300 sm:text-base",children:t.description}),(0,r.jsx)("div",{className:"[&_.text-amber-600]:text-amber-400 [&_span]:text-stone-300",children:(0,r.jsx)(z,{course:t})}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsx)(b.Z,{size:13,className:"shrink-0 text-stone-400"}),t.tags.map(e=>(0,r.jsx)(f.C,{variant:"outline",className:"rounded-full border-stone-600 bg-white/5 text-xs text-stone-300",children:e},e))]}),(0,r.jsxs)("div",{className:"flex items-center gap-3 pt-1",children:[(0,r.jsx)(l.h,{href:n,className:"",children:(0,r.jsxs)("button",{className:"inline-flex items-center gap-2 rounded-xl bg-amber-500 px-6 py-3 text-sm font-semibold text-stone-900 shadow-lg shadow-amber-900/30 transition-all duration-150 hover:bg-amber-400 active:scale-[0.98]",children:[(0,r.jsx)(u.Z,{size:17}),"Start Learning"]})}),(0,r.jsx)("span",{className:"text-sm font-medium text-stone-400",children:"Free"})]})]})})]})};var _=s(70283);let S=e=>{let{objectives:t}=e;return(0,r.jsxs)("div",{className:"space-y-4 rounded-xl border border-border bg-card p-5 sm:p-6",children:[(0,r.jsx)("h2",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"What You'll Learn"}),(0,r.jsx)("ul",{className:"grid grid-cols-1 gap-x-6 gap-y-2.5 sm:grid-cols-2",children:t.map((e,t)=>(0,r.jsxs)("li",{className:"flex items-start gap-2.5 text-sm text-foreground",children:[(0,r.jsx)(_.Z,{size:15,className:"mt-0.5 shrink-0 text-amber-500"}),(0,r.jsx)("span",{children:e})]},t))})]})},U=e=>{let{content:t}=e;return null},Z=e=>{let{instructor:t}=e;return(0,r.jsxs)("div",{className:"space-y-4 rounded-xl border border-border bg-card p-5 sm:p-6",children:[(0,r.jsx)("h2",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Instructor"}),(0,r.jsxs)("div",{className:"flex items-start gap-4",children:[(0,r.jsx)("div",{className:"flex h-14 w-14 shrink-0 select-none items-center justify-center rounded-full bg-amber-100 text-lg font-bold text-amber-800 sm:h-16 sm:w-16","aria-label":"Avatar for ".concat(t.name),children:t.avatar}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("p",{className:"text-base font-semibold text-foreground",children:t.name}),(0,r.jsx)("p",{className:"mt-0.5 text-sm leading-snug text-muted-foreground",children:t.title}),(0,r.jsx)("div",{className:"mt-3 flex flex-wrap gap-x-4 gap-y-1.5"})]})]}),(0,r.jsx)("p",{className:"border-t border-border pt-4 text-sm leading-relaxed text-muted-foreground",children:t.bio})]})};var I=s(6127);let P=I.fC,F=I.wy,L=I.Fw;var O=s(87978),T=s(70694);let B=e=>{let{lesson:t,index:s}=e;return(0,r.jsxs)("div",{className:"group flex cursor-pointer items-center gap-3 rounded-lg py-2.5 px-1 transition-colors hover:bg-muted/50",children:[(0,r.jsx)("div",{className:"shrink-0 text-muted-foreground transition-colors group-hover:text-amber-600",children:t.isPreview?(0,r.jsx)(u.Z,{size:16,className:"text-amber-500"}):(0,r.jsx)(T.Z,{size:15})}),(0,r.jsx)("span",{className:"line-clamp-2 flex-1 text-sm leading-snug text-foreground",children:t.title}),(0,r.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[t.isPreview&&(0,r.jsx)(f.C,{variant:"outline",className:"hidden border-amber-300 bg-amber-50 px-1.5 py-0 text-[10px] text-amber-700 sm:inline-flex",children:"Preview"}),(0,r.jsx)("span",{className:"text-xs tabular-nums text-muted-foreground",children:(0,w.LU)(t.durationSeconds)})]})]})},A=e=>{let{section:t,defaultOpen:s,lessonOffset:n}=e,[a,i]=(0,x.useState)(s),o=(0,x.useMemo)(()=>(0,w.Sz)(t.lessons),[t.lessons]);return(0,r.jsxs)(P,{open:a,onOpenChange:i,children:[(0,r.jsx)(F,{className:"w-full",children:(0,r.jsxs)("div",{className:"flex cursor-pointer select-none items-center justify-between rounded-lg bg-muted/40 px-4 py-3 transition-colors hover:bg-muted/70",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,r.jsx)("span",{className:"truncate text-sm font-medium text-foreground",children:t.title}),(0,r.jsxs)("span",{className:"hidden shrink-0 text-xs text-muted-foreground sm:inline",children:["\xb7 ",t.lessons.length," lessons"]})]}),(0,r.jsxs)("div",{className:"ml-2 flex shrink-0 items-center gap-3",children:[(0,r.jsx)("span",{className:"hidden text-xs tabular-nums text-muted-foreground sm:inline",children:(0,w.LU)(o)}),a?(0,r.jsx)(g.Z,{size:14,className:"text-muted-foreground"}):(0,r.jsx)(p.Z,{size:14,className:"text-muted-foreground"})]})]})}),(0,r.jsx)(L,{children:(0,r.jsx)("div",{className:"mt-1 space-y-0.5 px-2 pb-2",children:t.lessons.map((e,t)=>(0,r.jsx)(B,{lesson:e,index:n+t+1},e.id))})})]})},M=e=>{let{sections:t}=e,s=t.reduce((e,t)=>

1e+t.lessons.length,0),n=t.reduce((e,t)=>e+(0,w.Sz)(t.lessons),0),a=0;return(0,r.jsxs)("div",{className:"space-y-4 rounded-xl border border-border bg-card p-5 sm:p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("h2",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Course Content"}),(0,r.jsxs)("div",{className:"flex items-center gap-3 text-xs text-muted-foreground",children:[(0,r.jsxs)("span",{className:"flex items-center gap-1",children:[(0,r.jsx)(j.Z,{size:12}),s," lessons"]}),(0,r.jsxs)("span",{className:"flex items-center gap-1",children:[(0,r.jsx)(O.Z,{size:12}),(0,w.LU)(n)]})]})]}),(0,r.jsx)("div",{className:"space-y-2",children:t.map((e,t)=>{let s=a;return a+=e.lessons.length,(0,r.jsx)(A,{section:e,defaultOpen:0===t,lessonOffset:s},e.id)})})]})},R=e=>{let{tags:t,className:s=""}=e;return(0,r.jsx)("div",{className:"flex flex-wrap gap-2 ".concat(s),children:t.map(e=>(0,r.jsx)(f.C,{variant:"secondary",className:"cursor-default rounded-full border border-amber-200 bg-amber-50 px-2.5 py-1 text-xs font-medium text-amber-800 transition-colors hover:bg-amber-100",children:e},e))})},E=e=>{let{course:t,slug:s,onBack:n}=e,a=s?d._.course.learning.replace(":slug",s):t.slug?d._.course.learning.replace(":slug",t.slug):"";return t?(0,r.jsxs)("div",{className:"min-h-screen bg-background",children:[(0,r.jsx)(C,{course:t,slug:s}),(0,r.jsxs)("div",{className:"mx-auto max-w-6xl px-0 py-8 sm:px-6 lg:px-8",children:[n&&(0,r.jsxs)(c.z,{variant:"ghost",size:"sm",className:"mb-4 -ml-2 text-muted-foreground lg:hidden",onClick:n,children:[(0,r.jsx)(m.Z,{size:14,className:"mr-1.5"})," All Courses"]}),(0,r.jsxs)("div",{className:"flex flex-col gap-8 lg:flex-row",children:[(0,r.jsxs)("main",{className:"min-w-0 flex-1 space-y-5",children:[(0,r.jsx)(S,{objectives:t.objectives}),(0,r.jsx)(h,{description:t.description}),(0,r.jsx)(U,{content:""}),(0,r.jsx)(M,{sections:t.sections}),(0,r.jsxs)("div",{className:"space-y-3 rounded-xl border border-border bg-card p-5 lg:hidden",children:[(0,r.jsx)("p",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Tags"}),(0,r.jsx)(R,{tags:t.tags})]}),(0,r.jsx)("div",{className:"lg:hidden",children:(0,r.jsx)(Z,{instructor:t.instructor})})]}),(0,r.jsx)("aside",{className:"hidden w-80 shrink-0 flex-col gap-5 lg:flex xl:w-96",children:(0,r.jsxs)("div",{className:"sticky top-6 space-y-5",children:[(0,r.jsx)(l.h,{href:a,children:(0,r.jsxs)("button",{className:"inline-flex w-full items-center justify-center gap-2 rounded-xl bg-amber-500 px-4 py-3 text-sm font-semibold text-stone-900 transition-all duration-150 hover:bg-amber-400 active:scale-[0.98]",children:[(0,r.jsx)(u.Z,{size:16}),"Start Learning"]})}),(0,r.jsxs)("div",{className:"space-y-3 rounded-xl border border-border bg-card p-5",children:[(0,r.jsx)("p",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Course Info"}),(0,r.jsx)(z,{course:t})]}),(0,r.jsxs)("div",{className:"space-y-3 rounded-xl border border-border bg-card p-5",children:[(0,r.jsx)("p",{className:"text-xs font-semibold uppercase tracking-widest text-muted-foreground",children:"Tags"}),(0,r.jsx)(R,{tags:t.tags})]}),(0,r.jsx)(Z,{instructor:t.instructor})]})})]})]})]}):(0,r.jsxs)("div",{className:"flex min-h-[40vh] flex-col items-center justify-center gap-4 px-4",children:[(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"Failed to load course. Please try again."}),(0,r.jsxs)(c.z,{variant:"outline",size:"sm",onClick:n,children:[(0,r.jsx)(m.Z,{size:14,className:"mr-1.5"})," Go Back"]})]})};var V=s(28449),H=!0;

1function J(e){let{course:t,slug:s}=e,{locale:i}=(0,V.useRouter)();if(!(null==t?void 0:t.id))return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.$t,{title:"Not found - ".concat(o().title),description:"Not found - ".concat(o().title)}),(0,r.jsx)(n.m,{})]});let l=t.title,c="".concat(o().siteUrl,"/courses/").concat(s),d="vi"===i&&t.descriptionVi||"ja"===i&&t.descriptionJa||t.description||"",m=/course/i.test(l)?"".concat(l," | ").concat(o().title):"".concat(l," Course | ").concat(o().title),u=/course/i.test(d)?d:"".concat(d," Free online ").concat(l," course by ").concat(o().author,".").trim(),x=Array.from(new Set([l,"".concat(l," course"),...t.tags||[],...(t.tags||[]).map(e=>"".concat(e," course")),t.category,"".concat(t.category," course"),"online course","tutorial"].filter(Boolean)));return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.zj,{title:m,description:u,url:c,imageUrl:t.imageUrl,instructor:t.instructor,duration:t.duration,rating:t.rating,reviewCount:t.reviewCount,keywords:x,category:t.category,level:t.level,price:t.price,locale:i}),(0,r.jsx)(E,{course:t,slug:s})]})}}},function(e){e.O(0,[4292,9774,2888,179],function(){return e(e.s=7541)}),_N_E=e.O()}]);