https://eduall-vue.netlify.app/assets/GridView-BIBZkaCr.js

1import{H}from"./Header-CVACZm5S.js";import{h as _,q as v,c as l,b as e,t as a,s as N,v as G,F as k,f as y,r as d,o as c,d as r,w as b,e as x,n as L,_ as P}from"./index-BnxObZXq.js";import{c as V,a as D,b as E}from"./course-img3-BSIG5kyh.js";import{t as F,a as R,b as B}from"./course-img9-DTejvWJS.js";import{u as C,a as I,b as f}from"./user-img3-BDjubpVm.js";import{C as M}from"./Certificate-BfNhEOcI.js";import{_ as S}from"./Footer-DRIz7usb.js";import{_ as z}from"./Breadcrumb-CvI8Za9B.js";import"./shape6-H-JIteTK.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const j={class:"course-grid-view py-120"},T={class:"container"},q={class:"flex-between gap-16 flex-wrap mb-40"},A={class:"text-neutral-500"},U={class:"flex-align gap-8"},W={class:"row gy-4"},Z={class:"course-item bg-main-25 rounded-16 p-12 h-100 border border-neutral-30"},J={class:"course-item__thumb rounded-12 overflow-hidden position-relative"},K=["src","alt"],O={class:"flex-align gap-8 bg-main-600 rounded-pill px-24 py-12 text-white position-absolute inset-block-start-0 inset-inline-start-0 mt-20 ms-20 z-1"},Q={class:"text-lg fw-medium"},X={class:"course-item__content"},Y={class:"mb-28"},ee={class:"flex-between gap-8 flex-wrap mb-16"},te={class:"flex-align gap-8"},se={class:"text-neutral-700 text-lg fw-medium"},ie={class:"flex-align gap-8"},ae={class:"text-neutral-700 text-lg fw-medium"},ne={class:"flex-between gap-8 flex-wrap"},oe={class:"flex-align gap-4"},re={class:"text-lg text-neutral-700"},le={class:"text-neutral-100"},de={class:"flex-align gap-8"},ce=["src"],ue={class:"text-neutral-700 text-lg fw-medium"},me={class:"flex-between gap-8 pt-24 border-top border-neutral-50 mt-28 border-dashed border-0"},pe={class:"mb-0 text-main-two-600"},ge={class:"pagination mt-40 flex-align gap-12 flex-wrap justify-content-center"},he={class:"page-item"},_e=["disabled"],ve=["onClick"],be={class:"page-item"},xe=["disabled"],w=6,fe={__name:"Gridview",setup($){const u=_("newest"),o=_(1),p=_([{id:1,title:"Introduction to Digital Marketing",image:V,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:6.4,author:"AnikaZ",authorImage:C,price:148,date:"2024-09-18"},{id:2,title:"Introduction to Python Programming",image:D,duration:"25h 06m",lessons:20,level:"Beginner",rating:4.7,reviews:8.1,author:"Wade",authorImage:I,price:499,date:"2024-10-22"},{id:3,title:"Photography Masterclass",image:E,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:5.9,author:"Cody",authorImage:f,price:457,date:"2024-07-15"},{id:4,title:"Nutrition Essentials for Healthy Living",image:F,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:6400,authorImage:C,author:"Robert",price:345,link:"course-details"},{id:5,title:"Nutrition Essentials for Healthy Living",image:R,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:6400,authorImage:I,author:"Robert",price:345,link:"course-details"},{id:6,title:"Nutrition Essentials for Healthy Living",image:B,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:6400,authorImage:f,author:"Robert",price:345,link:"course-details"},{id:7,title:"Healthy Living",image:B,duration:"9h 36m",lessons:20,level:"Beginner",rating:4.7,reviews:6400,authorImage:f,author:"Robert",price:345,link:"course-details"}]),g=v(()=>{const n=[...p.value];switch(u.value){case"newest":return n.sort((t,i)=>new Date(i.date)-new Date(t.date));case"trending":return n.sort((t,i)=>i.reviews-t.reviews);case"popular":return n.sort((t,i)=>i.rating-t.rating);default:return n}}),h=v(()=>Math.ceil(g.value.length/w)),m=v(()=>{const n=(o.value-1)*w;return g.value.slice(n,n+w)});return(n,t)=>{const i=d("router-link");return c(),l("section",j,[e("div",T,[e("div",q,[e("span",A," Showing "+a(m.value.length)+" of "+a(p.value.length)+" Results ",1),e("div",U,[t[4]||(t[4]=e("span",{class:"text-neutral-500 flex-shrink-0"},"Sort By :",-1)),N(e("select",{"onUpdate:modelValue":t[0]||(t[0]=s=>u.value=s),class:"form-select ps-20 pe-28 py-8 fw-semibold rounded-pill bg-main-25 border border-neutral-30 text-neutral-700"},t[3]||(t[3]=[e("option",{value:"newest"},"Newest",-1),e("option",{value:"trending"},"Trending",-1),e("option",{value:"popular"},"Popular",-1)]),512),[[G,u.value]])])]),e("div",W,[(c(!0),l(k,null,y(m.value,s=>(c(),l("div",{class:"col-lg-4 col-sm-6",key:s.id},[e("div",Z,[e("div",J,[r(i,{to:"/course-details",class:"w-100 h-100"},{default:b(()=>[e("img",{src:s.image,alt:s.title,class:"course-item__img rounded-12 cover-img transition-2"}

1,null,8,K)]),_:2},1024),e("div",O,[t[5]||(t[5]=e("span",{class:"text-2xl d-flex"},[e("i",{class:"ph ph-clock"})],-1)),e("span",Q,a(s.duration),1)]),t[6]||(t[6]=e("button",{type:"button",class:"wishlist-btn w-48 h-48 bg-white text-main-two-600 flex-center position-absolute inset-block-start-0 inset-inline-end-0 mt-20 me-20 z-1 text-2xl rounded-circle transition-2"},[e("i",{class:"ph ph-heart"})],-1))]),e("div",X,[e("h4",Y,[r(i,{to:"/course-details",class:"link text-line-2 no-underline"},{default:b(()=>[x(a(s.title),1)]),_:2},1024)]),e("div",ee,[e("div",te,[t[7]||(t[7]=e("span",{class:"text-neutral-700 text-2xl d-flex"},[e("i",{class:"ph-bold ph-video-camera"})],-1)),e("span",se,a(s.lessons)+" Lessons",1)]),e("div",ie,[t[8]||(t[8]=e("span",{class:"text-neutral-700 text-2xl d-flex"},[e("i",{class:"ph-bold ph-chart-bar"})],-1)),e("span",ae,a(s.level),1)])]),e("div",ne,[e("div",oe,[t[9]||(t[9]=e("span",{class:"text-2xl fw-medium text-warning-600 d-flex"},[e("i",{class:"ph-fill ph-star"})],-1)),e("span",re,[x(a(s.rating)+" ",1),e("span",le,"("+a(s.reviews)+"k)",1)])]),e("div",de,[e("img",{src:s.authorImage,class:"w-32 h-32 object-fit-cover rounded-circle"},null,8,ce),e("span",ue,a(s.author),1)])]),e("div",me,[e("h4",pe,"$"+a(s.price),1),r(i,{to:"/apply-admission",class:"flex-align gap-8 text-main-600 hover-text-decoration-underline transition-1 fw-semibold no-underline"},{default:b(()=>t[10]||(t[10]=[x(" Enroll Now "),e("i",{class:"ph ph-arrow-right"},null,-1)])),_:1,__:[10]})])])])]))),128))]),e("ul",ge,[e("li",he,[e("button",{class:"page-link text-neutral-700 fw-semibold w-40 h-40 bg-main-25 rounded-circle hover-bg-main-600 border-neutral-30 hover-border-main-600 hover-text-white flex-center p-0",disabled:o.value===1,onClick:t[1]||(t[1]=s=>o.value--)},t[11]||(t[11]=[e("i",{class:"ph-bold ph-caret-left"},null,-1)]),8,_e)]),(c(!0),l(k,null,y(h.value,s=>(c(),l("li",{key:s,class:"page-item"},[e("button",{class:L(["page-link fw-semibold w-40 h-40 rounded-circle",[o.value===s?"bg-main-600 text-white":"bg-main-25 text-neutral-700 hover-bg-main-600 hover-text-white"]]),onClick:ye=>o.value=s},a(s),11,ve)]))),128)),e("li",be,[e("button",{class:"page-link text-neutral-700 fw-semibold w-40 h-40 bg-main-25 rounded-circle hover-bg-main-600 border-neutral-30 hover-border-main-600 hover-text-white flex-center p-0",disabled:o.value===h.value,onClick:t[2]||(t[2]=s=>o.value++)},t[12]||(t[12]=[e("i",{class:"ph-bold ph-caret-right"},null,-1)]),8,xe)])])])])}}},we={name:"GridView",components:{Header:H,Breadcrumb:z,Gridview:fe,Certificate:M,Footer:S}};function ke($,u,o,p,g,h){const m=d("Header"),n=d("Breadcrumb"),t=d("Gridview"),i=d("Certificate"),s=d("Footer");return c(),l(k,null,[r(m),r(n),r(t),r(i),r(s)],64)}const Ee=P(we,[["render",ke]]);export{Ee as default};