https://eduall-vue.netlify.app/assets/StudentEnrollCourses-NxImtXVm.js

1import{F as D,H as $}from"./Footer4-DHe5vSKf.js";import{S as F,_ as H}from"./StudentSidebar-Dm6GC6aW.js";import{d as A,c as B,b as w,e as E,a as N}from"./dashbord-courses-img6-BbIgZGFu.js";import{i as y}from"./dashbord-courses-img4-A7gz7Mxi.js";import{i as z,a as P}from"./savannah-nguyen-DEE-Jl2o.js";import{_ as j}from"./enroll-student-img4-BbAS696D.js";import{i as C}from"./testimonial-five-img2-DFgG7ebv.js";import{i as T}from"./user-two-img5-0U0hpPFY.js";import{_ as U}from"./reviewer-img2-BQ0iBYH3.js";import{_ as K,c as a,b as t,F as m,f as h,r as p,o,n as u,t as n,d as c,w as S,l as V,e as L,j as k}from"./index-BnxObZXq.js";import"./shape6-H-JIteTK.js";import"./logo-white-GPMyqlIo.js";import"./testimonials-three-img1-CZ8x9ZwE.js";import"./reviewer-img1-DzKN___C.js";import"./instructor-details-thumb-DmUWUlcZ.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const M={data(){return{tabs:[{id:"categories",label:"All Courses"},{id:"design",label:"Active Courses"},{id:"programming",label:"Enrolled Courses"},{id:"webDesign",label:"Completed Courses"}],coursesPerPage:6,currentPage:1,courses:[{title:"Cybersecurity Essentials",category:"Business",image:A,lessons:25,students:"2.6K",progress:91,hasProgress:!0,rating:4.8,reviews:"1.5K",instructor:"Eleanor Pena",instructorImage:z},{title:"Financial Accounting",category:"Finance",image:B,lessons:25,students:"2.6K",progress:85,hasProgress:!0,rating:4.8,reviews:"1.5K",instructor:"Annette Black",instructorImage:j},{title:"Graphic Design",category:"Data & Tech",image:w,lessons:25,students:"2.6K",progress:85,hasProgress:!0,rating:4.8,reviews:"1.5K",instructor:"Courtney Henry",instructorImage:C},{title:"UI/UX Design Principles",category:"Creative Arts",image:y,lessons:25,students:"2.6K",hasProgress:!1,rating:4.8,reviews:"1.5K",instructor:"Savannah Nguyen",instructorImage:P},{title:"Nutrition and Healthy",category:"Health",image:E,lessons:25,students:"2.6K",progress:90,hasProgress:!0,rating:4.8,reviews:"1.5K",instructor:"Arlene McCoy",instructorImage:U},{title:"Introduction to Animation",category:"Design",image:N,lessons:25,students:"2.6K",hasProgress:!1,rating:4.8,reviews:"1.5K",instructor:"Jenny Wilson",instructorImage:T},{title:"Graphic Design",category:"Data & Tech",image:w,lessons:25,students:"2.6K",progress:85,hasProgress:!0,rating:4.8,reviews:"1.5K",instructor:"Courtney Henry",instructorImage:C},{title:"UI/UX Design Principles",category:"Creative Arts",image:y,lessons:25,students:"2.6K",hasProgress:!1,rating:4.8,reviews:"1.5K",instructor:"Savannah Nguyen",instructorImage:P}]}},computed:{totalPages(){return Math.ceil(this.courses.length/this.coursesPerPage)},paginatedCourses(){const r=(this.currentPage-1)*this.coursesPerPage;return this.courses.slice(r,r+this.coursesPerPage)},pagination(){let r=[];r.push({icon:"ph-bold ph-caret-left",action:"prev"});for(let s=1;s<=this.totalPages;s++)r.push({label:s});return r.push({icon:"ph-bold ph-caret-right",action:"next"}),r}},methods:{getStarIcon(r,s){const _=Math.floor(r),x=r%1>=.5&&s===_;return s<_?"ph-fill ph-star":x?"ph-fill ph-star-half":"ph ph-star"},goToPage(r){r==="prev"?this.currentPage>1&&this.currentPage--:r==="next"?this.currentPage<this.totalPages&&this.currentPage++:this.currentPage=r}}},G={class:"explore-course position-relative z-1 w-100"},X={class:"container"},J={class:"d-flex align-items-center justify-content-between flex-nowrap gap-24 mb-24 header-row-block overflow-x-auto custom-scrollbar pb-8"},R={class:"nav-tab-wrapper flex-grow-1 ms-auto","data-aos":"zoom-out",style:{"min-width":"400px"}},W={class:"tab-scroll-wrapper"},q={class:"nav nav-pills common-tab gap-8 flex-nowrap",id:"pills-tab",role:"tablist"},O=["id","data-bs-target","aria-controls","aria-selected"],Q={class:"tab-content",id:"pills-tabContent"},Y=["id","aria-labelledby"],Z={class:"row gy-4"},tt=["data-aos-duration"],et={class:"course-item bg-white rounded-16 p-12 h-100 box-shadow-md"},st={class:"course-item__thumb rounded-12 overflow-hidden"},rt=["src"],at={class:"course-item__content"},ot={class:""},nt={class:"px-12 py-6 text-success-600 fw-medium text-16 bg-success-50 border-success-100 border rounded-10 mb-16 hover-bg-success-600 hover-text-white transition-03"},it={class:"flex-between gap-8 flex-wrap mb-16"},lt={class:"flex-align gap-8 flex-wrap"},ct={class:"text-neutral-700 text-16 fw-medium"},dt={class:"flex-align gap-8 flex-wrap"},ut={class:"text-neutral-700 text-16 fw-medium"},pt={class:"mb-24"},gt={key:0,class:"mb-24"},mt=["data-perc"],ht={class:"h-50-px position-relative w-100 d-flex"},_t={class:"progress mt-auto h-6px w-100 bg-primary-50 rounded-pill",role:"progressbar"},bt={class:"d-flex align-items-center gap-6 mb-8"},ft={class:"fw-normal text-14 text-neutral-300"},xt={class:"d-flex align-items-center gap-8"},vt=["src"],wt={class:"fw-normal text-14 text-neutral-400"},yt={class:"d-flex align-items-center text-center gap-12 justify-content-center mt-32"},Pt=["onClick","disabled"],Ct={key:1};function St(r,s,_,x,b,g){const f=p("router-link");return o(),a("section",G,[t("div",X,[t("div",J,[s[0]||(s[0]=t("div",{class:"d-flex align-items-center gap-16 flex-shrink-0"},[t("h6",{class:"text-white mb-0 text-nowrap"},"Enrolled Courses"),t("button",{type:"button",class:"toggle-student-dashbord-button text-white text-24 d-xl-none d-block"},[t("i",{class:"ph-bold ph-list"})])],-1)),t("div",R,[t("div",W,[t("ul",q,[(o(!0),a(m,null,h(b.tabs,(i,l)=>(o(),a("li",{key:"tab-"+l,class:"nav-item",role:"presentation"},[t("button",{class:u(["nav-link rounded-pill bg-main-25 text-md fw-medium text-neutral-500 flex-center py-8 px-24 text-nowrap",{active:l===0}]),id:"pills-"+i.id+"-tab","data-bs-toggle":"pill","data-bs-target":"#pills-"+i.id,type:"button",role:"tab","aria-controls":"pills-"+i.id,"aria-selected":l===0},n(i.label),11,O)]))),128))])])])]),t("div",Q,[(o(!0),a(m,null,h(b.tabs,(i,l)=>(o(),a("div",{key:"tab-content-"+l,class:u(["tab-pane fade",{"show active":l===0}]),id:"pills-"+i.id,role:"tabpanel","aria-labelledby":"pills-"+i.id+"-tab",tabindex:"0"},[t("div",Z,[(o(!0),a(m,null,h(g.paginatedCourses,(e,d)=>

1(o(),a("div",{key:"course-"+d,class:"col-xl-4 col-md-6 col-sm-6 wow fadeInUp","data-aos":"fade-up","data-aos-duration":600+d*100},[t("div",et,[t("div",st,[c(f,{to:"/course-details",class:"w-100 h-100"},{default:S(()=>[t("img",{src:e.image,alt:"Course Image",class:"course-item__img rounded-12 cover-img transition-2"},null,8,rt)]),_:2},1024)]),t("div",at,[t("div",ot,[t("span",nt,n(e.category),1),t("div",it,[t("div",lt,[s[1]||(s[1]=t("span",{class:"text-neutral-700 text-2xl d-flex"},[t("i",{class:"ph-bold ph-video-camera"})],-1)),t("span",ct,n(e.lessons)+" Lessons",1)]),t("div",dt,[s[2]||(s[2]=t("span",{class:"text-neutral-700 text-2xl d-flex"},[t("i",{class:"ph ph-user-circle"})],-1)),t("span",ut,n(e.students)+" Students",1)])]),t("h4",pt,[c(f,{to:"/course-details",class:"link text-line-2 fw-semibold"},{default:S(()=>[L(n(e.title),1)]),_:2},1024)])]),e.hasProgress?(o(),a("div",gt,[s[3]||(s[3]=t("div",{class:""},[t("span",{class:"text-neutral-700 text-20 fw-medium"},"Complete")],-1)),t("div",{class:"progress-wrapper d-flex align-items-center flex-column gap-4","data-perc":e.progress+"%"},[t("div",ht,[t("span",{class:"floating-label position-absolute text-14 text-main-600 fw-normal radius-8 w-50-px h-32-px z-1 d-flex justify-content-center align-items-center",style:k(`--left-percentage: ${e.progress}%;animation-name: animateFloatingLabel;left: ${e.progress}%;bottom: 30px;`)},n(e.progress)+"% ",5),t("div",_t,[t("div",{class:"progress-bar animated-bar rounded-pill bg-primary-gradien overflow-visible",style:k(`width: ${e.progress}%; height: 6px;`)},null,4)])])],8,mt)])):V("",!0),t("div",{class:u(["flex-between gap-8 mt-28 flex-wrap",{"border-neutral-30 border-top pt-24":!e.hasProgress}])},[t("div",null,[t("ul",bt,[(o(),a(m,null,h(5,(I,v)=>t("li",{key:"star-"+v,class:"text-16 text-warning-400"},[t("i",{class:u(g.getStarIcon(e.rating,v))},null,2)])),64))]),t("span",ft,n(e.rating)+"/5 ("+n(e.reviews)+" Reviews)",1)]),t("div",xt,[t("img",{src:e.instructorImage,alt:"",class:"w-28 h-28"},null,8,vt),t("span",wt,n(e.instructor),1)])],2)])])],8,tt))),128))]),t("div",yt,[(o(!0),a(m,null,h(g.pagination,(e,d)=>(o(),a("button",{key:"page-"+d,type:"button",class:u(["w-40 h-40 text-24 rounded-circle d-flex align-items-center justify-content-center border border-neutral-30 transition-03",[e.type==="dots"?"bg-white text-neutral-500 cursor-default":b.currentPage===e.label?"bg-main-600 text-white border-main-600":"bg-white text-neutral-700 hover-bg-main-600 hover-text-white"]]),onClick:I=>e.type!=="dots"&&g.goToPage(e.action?e.action:e.label),disabled:e.type==="dots"},[e.icon?(o(),a("i",{key:0,class:u(e.icon)},null,2)):(o(),a("span",Ct,n(e.label),1))],10,Pt))),128))])],10,Y))),128))])])])}const kt=K(M,[["render",St],["__scopeId","data-v-23900671"]]),Kt={name:"StudentEnrollCourses",components:{Header4:$,Banner:H,StudentSidebar:F,DashbordSection:kt,Footer4:D}},It={class:"bg-main-25 pb-80 w-100 h-100"},Dt={class:"container container--lg"},$t={class:"d-flex gap-24 mt--120 z-2 position-relative"};function Ft(r,s,_,x,b,g){const f=p("Header4"),i=p("Banner"),l=p("StudentSidebar"),e=p("DashbordSection"),d=p("Footer4");return o(),a("div",null,[c(f),c(i),t("section",It,[t("div",Dt,[t("div",$t,[s[0]||(s[0]=t("div",{class:"student-overlay-sidebar"},null,-1)),c(l),c(e)])])]),c(d)])}const qt=K(Kt,[["render",Ft]]);export{qt as default};