<div>
   
		<!-- Title Bar -->
		<div class="pbmit-title-bar-wrapper">
			<div class="container">
				<div class="pbmit-title-bar-content">
					<div class="pbmit-title-bar-content-inner">
						<div class="pbmit-tbar">
							<div class="pbmit-tbar-inner container">
								<h1 class="pbmit-tbar-title"> Blogs</h1>
							</div>
						</div>
						<div class="pbmit-breadcrumb">
							<div class="pbmit-breadcrumb-inner">
								<span>
									<a title="" href="{{ route('home') }}" class="home"><span>Dumes</span></a>
								</span>
								<span class="sep"></span>
								<span><span class="post-root post post-post current-item"> Blogs</span></span>
							</div>
						</div>
					</div>
				</div> 
			</div> 
		</div>
		<!-- Title Bar End-->
		 
		<!-- Page Content -->
		<div class="page-content">

		<!-- Blog Grid Col 4 -->
		<section class="section-md">
			<div class="container-fluid px-4">
				<div class="row pbmit-element-posts-wrapper">
                    @forelse ($blogs as $blog)
					<article class="pbmit-blog-style-1 col-md-6 col-lg-4 col-xl-3">
						<div class="post-item">
							<div class="pbminfotech-box-content">
								<div class="pbmit-featured-container">
									<div class="pbmit-featured-container-inner">
										<div class="pbmit-featured-img-wrapper">
											<div class="pbmit-featured-wrapper">
												<img src="{{ $blog->image }}" class="img-fluid" alt="{{ $blog->title }}">
											</div>
										</div>
										<a class="pbmit-link" href="{{ route('blog.detail', $blog->slug) }}"></a>
									</div>
									<div class="pbmit-meta-date-wrapper pbmit-meta-line">
										<span class="pbmit-post-date">
											<span class="pbmit-date">{{ $blog->created_at->format('d') }}</span>
											<span class="pbmit-month">{{ $blog->created_at->format('M') }}</span>
										</span>
									</div>
									<div class= "pbmit-meta-wraper">
										<div class="pbmit-meta-author pbmit-meta-line">
											<span class="pbmit-post-author">{{ $blog->user->name ?? 'Admin' }}</span>
										</div>
										<div class="pbmit-meta-category-wrapper pbmit-meta-line">
											<span class="pbmit-meta-category">
												<a href="#" rel="category tag">{{ $blog->category->name ?? 'Uncategorized' }}</a>
											</span>
										</div>
										<div class="pbmit-meta-comment-wrapper pbmit-meta-line">
											<span class="pbmit-meta-comments">{{ $blog->comments_count }}<span class="pbmit-comment-text"> Comment</span></span>
										</div>
									</div>
								</div>
								<div class="pbmit-content-wrapper">
									<h3 class="pbmit-post-title">
										<a href="{{ route('blog.detail', $blog->slug) }}">{{ $blog->title }}</a>
									</h3>
									<div class="pbminfotech-box-desc">
										{{ Str::limit(strip_tags($blog->content), 100) }}
									</div>
									<div class="pbmit-blog-btn">
										<a class="pbmit-button-inner" href="{{ route('blog.detail', $blog->slug) }}">
											<span class="pbmit-button-text">Read More</span>
											<span class="pbmit-button-icon">
												<i class="pbmit-base-icon-right-arrow"></i>
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</article>
                    @empty
					<div class="col-12 text-center">
                        <p>No blogs found.</p>
                    </div>
                    @endforelse
				</div>
                <div class="row">
                    <div class="col-12">
                        {{ $blogs->links() }}
                    </div>
                </div>
			</div>
		</section>
		<!-- Blog Grid Col 4 End -->

		</div>
		<!-- Page Content End -->

</div>
