https://eduall-vue.netlify.app/assets/BlogClassic-Ci4oPctI.js

1import{H as P}from"./Header-CVACZm5S.js";import{_ as B}from"./Breadcrumb-CvI8Za9B.js";import{i as C,a as S,b as A}from"./blog-two-img3-CryDkOJg.js";import{i as D,a as f}from"./blog-two-img5-CEgqFuDo.js";import{i as x,a as E,b as T,c as M}from"./blog-two-img9-Fj2tPEvg.js";import{_ as v,c as r,b as e,t as n,s as I,v as L,F as p,f as b,a as H,d as a,w as u,e as h,r as g,o as d,y as N,n as W}from"./index-BnxObZXq.js";import{C as F}from"./Certificate-BfNhEOcI.js";import{_ as V}from"./Footer-DRIz7usb.js";import"./shape6-H-JIteTK.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const U={data(){return{blogs:[{image:C,title:"Navigating the Job Market: Advice for Graduates",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:S,title:"The Importance of Diversity in Higher Education",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:A,title:"10 Tips for Successful Online Learning",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:D,title:"How to Stay Motivated While Studying from Home",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:f,title:"Mastering Python: Beginner to Advanced Tips",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:x,title:"Balancing Work and Study: Strategies for Success",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:E,title:"The Importance of Lifelong Learning in Today's World",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:T,title:"Effective Time Management for Students",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:M,title:"The Benefits of Learning a New Language Online",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:f,title:"Mastering Python: Beginner to Advanced Tips",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"},{image:x,title:"Balancing Work and Study: Strategies for Success",day:21,month:"DEC",author:"By Admin",views:"1.6k",comments:24,link:"blog-details"}],tags:["Machine Learning","Web Development","Python","Laravel","Wordpress","UI/UX Design","AI"],currentPage:1,itemsPerPage:9,sortBy:"newest"}},computed:{totalPages(){return Math.ceil(this.blogs.length/this.itemsPerPage)},paginatedBlogs(){const o=(this.currentPage-1)*this.itemsPerPage,t=o+this.itemsPerPage;return this.blogs.slice(o,t)},startItem(){return(this.currentPage-1)*this.itemsPerPage+1},endItem(){return Math.min(this.currentPage*this.itemsPerPage,this.blogs.length)}},methods:{goToPage(o){this.currentPage=o},prevPage(){this.currentPage>1&&this.currentPage--},nextPage(){this.currentPage<this.totalPages&&this.currentPage++},sortBlogs(){this.sortBy==="newest"?this.blogs.sort((o,t)=>t.day-o.day):this.sortBy==="popular"&&this.blogs.sort((o,t)=>t.comments-o.comments)}}},O={class:"blog-page-section py-120"},R={class:"container"},j={class:"flex-between gap-16 flex-wrap mb-40"},z={class:"text-neutral-500"},G={class:"flex-align gap-16"},J={class:"flex-align gap-8"},X={class:"row gy-4"},q={class:"col-lg-8"},K={class:"d-flex flex-column gap-24"},Q={class:"course-item__thumb max-h-unset rounded-12 overflow-hidden position-relative"},Y=["src","alt"],Z={class:"position-absolute inset-inline-end-0 inset-block-end-0 me-16 mb-16 py-12 px-24 rounded-8 bg-main-two-600 text-white fw-medium"},$={class:"mb-0 text-white fw-medium"},ee={class:"pt-32 pb-24 px-16 position-relative"},te={class:"mb-28"},se={class:"flex-align gap-14 flex-wrap my-20"},ie={class:"flex-align gap-8"},ne={class:"text-neutral-500 text-lg"},oe={class:"flex-align gap-8"},ae={class:"text-neutral-500 text-lg"},le={class:"flex-align gap-8"},re={class:"text-neutral-500 text-lg"},de={class:"flex-between gap-8 pt-24 border-top border-neutral-50 mt-28 border-dashed border-0"},me={class:"pagination mt-40 flex-align gap-12 flex-wrap justify-content-center"},ge={class:"page-item"},ce=["disabled"],ue=["onClick"],he={class:"page-item"},pe=["disabled"],be={class:"col-lg-4"},fe={class:"border border-neutral-30 rounded-12 bg-main-25 p-32 mt-24"},xe={class:"flex-align flex-wrap gap-8"};function ve(o,t,_,w,l,i){const m=g("router-link");return d(),r("div",O,[e("div",R,[e("div",j,[e("span",z," Showing "+n(i.startItem)+" - "+n(i.endItem)+" of "+n(l.blogs.length)+" Results ",1),e("div",G,[e("div",J,[t[5]||(t[5]=e("span",{class:"text-neutral-500 flex-shrink-0"},"Sort By :",-1)),I(e("select",{"onUpdate:modelValue":t[0]||(t[0]=s=>l.sortBy=s),onChange:t[1]||(t[1]=(...s)=>i.sortBlogs&&i.sortBlogs(...s)),class:"form-select ps-20 pe-28 py-8 fw-medium rounded-pill bg-main-25 border border-neutral-30 text-neutral-700"},t[4]||(t[4]=[e("option",{value:"newest"},"Newest",-1),e("option",{value:"popular"},"Popular",-1),e("option",{value:"trending"},"Trending",-1)]),544),[[L,l.sortBy]])]),t[6]||(t[6]=e("button",{type:"button",class:"list-bar-btn text-xl w-40 h-40 bg-main-600 text-white rounded-8 flex-center d-lg-none"},[e("i",{class:"ph-bold ph-funnel"})],-1))])]),e("div",X,[e("div",q,[e("div",K,[(d(!0),r(p,null,b(i.paginatedBlogs,(s,c)=>(d(),r("div",{class:"scale-hover-item bg-main-25 rounded-16 p-12 h-100 border border-neutral-30",key:c},[e("div",Q,[a(m,{to:s.link,class:"w-100 h-100"},{default:u(()=>[e("img",{src:s.image,alt:s.title,class:"scale-hover-item__img rounded-12 cover-img transition-2"},null,8,Y)]),_:2},1032,["to"]),e("div",Z,[e("h3",$,n(s.day),1),h(" "+n(s.month),1)])]),e("div",ee,[e("h4",te,[a(m,{to:s.link,class:"w-100 h-100 text-line-2"},{default:u(()=>[h(n(s.title),1)]),_:2},1032,["to"])]),e("div",se,[e("div",ie,[t[7]||(t[7]=e("span",{class:"text-neutral-500 text-2xl d-flex"},[e("i",{class:"ph ph-user-circle"})],-1)),e("span",ne,n(s.author),1)]),t[10]||(t[10]=e("span",{class:"w-8 h-8 bg-neutral-100 rounded-circle"},null,-1)),e("div",oe,[t[8]||(t[8]=e("span",{class:"text-neutral-500 text-2xl d-flex"},[e("i",{class:"ph-bold ph-eye"})],-1)),e("span",ae,n(s.views),1)]),t[11]||(t[11]=e("span",{class:"w-8 h-8 bg-neutral-100 rounded-circle"},null,-1)),e("div",le,[t[9]||(t[9]=e("span",{class:"text-neutral-500 text-2xl d-flex"},[e("i",{class:"ph ph-chat-dots"})],-1)),e("span",re,n(s.comments),1)])]),e("div",de,[a(m,{to:s.link,class:"flex-align gap-8 text-main-600 hover-text-decoration-underline transition-1 fw-semibold"},{default:u(()=>t[12]||(t[12]=[h(" Read More "),e("i",{class:"ph ph-arrow-right"},null,-1)])),_:2,__:[12]},1032,["to"])])])]))),128))]),e("ul",me,[e("li",ge,[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:l.currentPage===1,onClick:t[2]||(t[2]=(...s)=>i.prevPage&&i.prevPage(...s))},t[13]||(t[13]=[e("i",{class:"ph-bold ph-caret-left"},null,-1)]),8,ce)]),(d(!0),r(p,null,b(i.totalPages,s=>(d(),r("li",{class:"page-item",key:s},[e("button",{class:W(["page-link fw-semibold w-40 h-40 rounded-circle",[l.currentPage===s?"bg-main-600 text-white":"bg-main-25 text-neutral-700 hover-bg-main-600 hover-text-white"]]),onClick:N(c=>i.goToPage(s),["prevent"])},n(s),11,ue)]))),128)),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:l.currentPage===i.totalPages,onClick:t[3]||(t[3]=(...s)=>i.nextPage&&i.nextPage(...s))},t[14]||(t[14]=[e("i",{class:"ph-bold ph-caret-right"},null,-1)]),8,pe)])])]),e("div",be,[t[18]||(t[18]=H('<div class="border border-neutral-30 rounded-12 bg-main-25 p-32"><h4 class="mb-16">Search</h4><form class="position-relative"><input type="text" class="common-input rounded-pill py-18 pe-64" placeholder="Search..."><button type="submit" class="flex-center w-44 h-44 rounded-circle bg-main-600 hover-bg-main-700 text-white text-2xl position-absolute inset-inline-end-0 top-50 translate-middle-y me-8"><i class="ph ph-magnifying-glass"></i></button></form></div>',1)),e("div",fe,[t[16]||(t[16]=e("h4",{class:"mb-16"},"Popular Tag",-1)),e("div",xe,[(d(!0),r(p,null,b(l.tags,s=>(d(),r("a",{key:s,href:"blog",class:"border border-neutral-30 px-20 py-12 rounded-pill text-sm bg-white text-neutral-500 hover-border-main-600 hover-text-main-600"},n(s),1))),128))]),t[17]||(t[17]=e("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),a(m,{to:"/blog",class:"h6 mb-0 text-main-600 fw-semibold hover-text-decoration-underline"},{default:u(()=>t[15]||(t[15]=[h(" See All "),e("i",{class:"ph-bold ph-arrow-right"},null,-1)])),_:1,__:[15]})])])])])])}const _e=v(U,[["render",ve]]),we={name:"BlogClassic",components:{Header:P,Breadcrumb:B,BlogPageSection:_e,Certificate:F,Footer:V}};function ye(o,t,_,w,l,i){const m=g("Header"),s=g("Breadcrumb"),c=g("BlogPageSection"),y=g("Certificate"),k=g("Footer");return d(),r(p,null,[a(m),a(s),a(c),a(y),a(k)],64)}const Le=v(we,[["render",ye]]);export{Le as default};