"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64077],{2729:(e,r,s)=>{s.d(r,{s:()=>b});var a=s(19002),n=s(52114),t=s(75673),l=s(55673),o=s(84451),i=s(5824),d=s(43757),c=s(34841),u=s(46675),m=s(56194),x=s(31055),h=s(7737);let p=[{value:"all",label:"All"},{value:"learning-paths",label:"Learning Paths"},{value:"courses",label:"Courses"},{value:"certificates",label:"Certificates"}];function b(e){let{selectedType:r,onTypeChange:s,searchQuery:b,onSearchChange:f,columnCount:g,onColumnCountChange:v,viewMode:j,onViewModeChange:y}=e,[N,w]=(0,n.useState)(!1);return(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("div",{className:"flex items-center justify-end",children:[(0,a.jsxs)("div",{className:"hidden items-center gap-3 lg:flex",children:[(0,a.jsx)("div",{className:"flex items-center gap-1 border border-border/70 bg-background p-1",children:[{value:"list",label:"List",icon:t.A},{value:"tree",label:"Tree",icon:l.A}].map(e=>{let r=e.icon;return(0,a.jsxs)("button",{type:"button",onClick:()=>y(e.value),className:"\n                    flex items-center gap-2 px-3 py-1.5 text-sm font-medium transition-colors\n                    ".concat(j===e.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground","\n                  "),children:[(0,a.jsx)(r,{className:"h-4 w-4"}),e.label]},e.value)})}),(0,a.jsx)("div",{className:"flex items-center gap-1 border border-border/70 bg-background p-1",children:p.map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>s(e.value),className:"\n                  px-3 py-1.5 text-sm font-medium transition-colors\n                  ".concat(r===e.value?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground","\n                "),children:e.label},e.value))}),"list"===j&&(0,a.jsx)("div",{className:"hidden items-center gap-1 border border-border/70 bg-background p-1",children:[{count:2,icon:o.A},{count:3,icon:i.A},{count:4,icon:d.A}].map(e=>{let{count:r,icon:s}=e;return(0,a.jsx)("button",{type:"button",onClick:()=>v(r),className:"\n                    p-2 transition-colors\n                    ".concat(g===r?"bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground","\n                  "),"aria-label":"".concat(r," columns"),children:(0,a.jsx)(s,{className:"h-4 w-4"})},r)})}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(c.A,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,a.jsx)(h.p,{type:"search",placeholder:"Search courses...",value:b,onChange:e=>f(e.target.value),className:"w-[220px] rounded-none pl-9"})]})]}),(0,a.jsx)(x.$,{variant:"outline",size:"icon",className:"rounded-none lg:hidden",onClick:()=>w(!N),children:N?(0,a.jsx)(u.A,{className:"h-4 w-4"}):(0,a.jsx)(m.A,{className:"h-4 w-4"})})]}),N&&(0,a.jsxs)("div",{className:"mt-4 space-y-4 border border-border/70 bg-background p-4 shadow-sm lg:hidden",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-sm font-medium mb-2 block",children:"View Mode"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:[{value:"list",label:"List",icon:t.A},{value:"tree",label:"Tree",icon:l.A}].map(e=>{let r=e.icon;return(0,a.jsxs)("button",{type:"button",onClick:()=>{y(e.value),w(!1)},className:"\n                      flex items-center gap-2 border px-3 py-1.5 text-sm font-medium transition-colors\n                      ".concat(j===e.value?"border-primary bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground border-border","\n                    "),children:[(0,a.jsx)(r,{className:"h-4 w-4"}),e.label]},e.value)})})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-sm font-medium mb-2 block",children:"Filter by Type"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:p.map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>{s(e.value),w(!1)},className:"\n                    border px-3 py-1.5 text-sm font-medium transition-colors\n                    ".concat(r===e.value?"border-primary bg-primary text-primary-foreground":"text-muted-foreground hover:text-foreground border-border","\n                  "),children:e.label},e.value))})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"text-sm font-medium mb-2 block",children:"Search"}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(c.A,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),(0,a.jsx)(h.p,{type:"search",placeholder:"Search courses...",value:b,onChange:e=>f(e.target.value),className:"w-full rounded-none pl-9"})]})]})]})]})}},64077:(e,r,s)=>{s.d(r,{CoursesPageSkeleton:()=>o});var a=s(19002),n=s(8639),t=s(78806),l=s(2729);function o(){return(0,a.jsxs)("div",{className:"mx-auto max-w-[1088px] space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 xl:flex-row xl:items-center xl:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)(n.A,{className:"h-8 w-8 text-primary"}),(0,a.jsx)("h1",{className:"text-4xl font-semibold tracking-tight text-foreground",children:"Courses"})]}),(0,a.jsx)(l.s,{selectedType:"all",onTypeChange:()=>{},searchQuery:"",onSearchChange:()=>{},columnCount:2,onColumnCountChange:()=>{},viewMode:"list",onViewModeChange:()=>{}})]}),(0,a.jsxs)("div",{className:"grid gap-5 lg:grid-cols-[250px_minmax(0,1fr)] xl:grid-cols-[260px_minmax(0,1fr)]",children:[(0,a.jsx)("aside",{className:"hidden lg:block",children:(0,a.jsx)("div",{className:"border border-border/70 bg-card p-4 shadow-sm",children:Array.from({length:4}).map((e,r)=>(0,a.jsxs)("div",{className:"border-t border-border/70 py-4 first:border-t-0 first:pt-0",children:[(0,a.jsx)(t.E,{className:"h-4 w-24 rounded-none"}),(0,a.jsxs)("div",{className:"mt-4 space-y-3",children:[(0,a.jsx)(t.E,{className:"h-4 w-32 rounded-none"}),(0,a.jsx)(t.E,{className:"h-4 w-28 rounded-none"}),(0,a.jsx)(t.E,{className:"h-4 w-36 rounded-none"})]})]},r))})}),(0,a.jsx)("div",{className:"grid grid-cols-1 gap-5 lg:grid-cols-2",children:Array.from({length:6}).map((e,r)=>(0,a.jsxs)("div",{className:"overflow-hidden border border-border/70 bg-card shadow-sm",children:[(0,a.jsx)(t.E,{className:"aspect-video rounded-none"}),(0,a.jsxs)("div",{className:"space-y-3 p-4",children:[(0,a.jsx)(t.E,{className:"h-6 w-3/4 rounded-none"}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(t.E,{className:"h-5 w-20 rounded-none"}),(0,a.jsx)(t.E,{className:"h-5 w-16 rounded-none"})]}),(0,a.jsx)(t.E,{className:"h-4 w-full rounded-none"}),(0,a.jsx)(t.E,{className:"h-4 w-2/3 rounded-none"})]})]},r))})]})]})}},31055:(e,r,s)=>{s.d(r,{$:()=>c,r:()=>d});var a=s(19002),n=s(52114),t=s(4302),l=s(42030),o=s(40399),i=s(56130);let d=(0,l.F)("inline-flex items-center justify-center 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",{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-transparent 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:"size-9"}},defaultVariants:{variant:"default",size:"default"}}),c=n.forwardRef((e,r)=>{let{className:s,variant:n,size:l,asChild:c=!1,loading:u=!1,children:m,...x}=e,h=c?t.DX:"button";return(0,a.jsx)(h,{className:(0,o.cn)(d({variant:n,size:l,className:s}),u&&"relative"),ref:r,...x,children:u?(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:(0,o.cn)({"opacity-0":u}),children:m}),(0,a.jsx)("span",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:(0,a.jsx)(i.y,{className:"text-current size-4"})})]}):m})});c.displayName="Button"},7737:(e,r,s)=>{s.d(r,{p:()=>l});var a=s(19002),n=s(52114),t=s(40399);let l=n.forwardRef((e,r)=>{let{className:s,type:n,...l}=e;return(0,a.jsx)("input",{type:n,className:(0,t.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",s),ref:r,...l})});l.displayName="Input"},78806:(e,r,s)=>{s.d(r,{E:()=>l});var a=s(19002),n=s(52114),t=s(40399);let l=n.forwardRef((e,r)=>{let{className:s,...n}=e;return(0,a.jsx)("div",{ref:r,className:(0,t.cn)("animate-pulse rounded-md bg-primary/10",s),...n})});l.displayName="SettingsSections"},56130:(e,r,s)=>{s.d(r,{Y:()=>c,y:()=>d});var a=s(19002);s(52114);var n=s(42030),t=s(2005),l=s(40399);let o=(0,n.F)("flex-col items-center justify-center",{variants:{show:{true:"flex",false:"hidden"}},defaultVariants:{show:!0}}),i=(0,n.F)("animate-spin text-primary",{variants:{size:{small:"size-6 shrink-0",medium:"size-8 shrink-0",large:"size-12 shrink-0"}},defaultVariants:{size:"medium"}});function d(e){let{size:r,show:s,children:n,className:d}=e;return(0,a.jsxs)("span",{className:o({show:s}),children:[(0,a.jsx)(t.A,{className:(0,l.cn)(i({size:r}),d)}),n]})}function c(e){let{containerClassName:r,...s}=e;return(0,a.jsx)("div",{className:(0,l.cn)("pointer-events-none absolute inset-0 flex select-none items-center justify-center opacity-65",r),children:(0,a.jsx)(d,{...s})})}c.displayName="CenteredSpinner"},40399:(e,r,s)=>{s.d(r,{cn:()=>t});var a=s(60236),n=s(40111);function t(){for(var e=arguments.length,r=Array(e),s=0;s<e;s++)r[s]=arguments[s];return(0,n.QP)((0,a.$)(r))}}}]);