@extends('layouts.master')

@section('title', 'Trew India Pvt Ltd')

@section('content')


    <main class="main">

        <!-- breadcrumb -->
        <div class="site-breadcrumb">
            <div class="site-breadcrumb-bg" style="background:#d8f5fd"></div>
            <div class="container">
                <div class="site-breadcrumb-wrap">
                    <h4 class="breadcrumb-title">Our Blog</h4>
                    <ul class="breadcrumb-menu">
                        <li><a href="index.php"><i class="far fa-home"></i> Home</a></li>
                        <li class="active">Our Blog</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- breadcrumb end -->

        <!-- blog area -->
        <div class="blog-area py-100">
            <div class="container">

                <div class="row g-4">
                    @forelse($blogs as $blog)
                        <div class="col-md-6 col-lg-4">
                            <div class="blog-item wow fadeInUp" data-wow-delay=".25s">
                                <div class="blog-item-img">
                                    @if ($blog->image && file_exists(public_path('storage/blogs/' . $blog->image)))
                                        <img src="{{ asset('storage/blogs/' . $blog->image) }}" alt="{{ $blog->title }}">
                                    @else
                                        <img src="{{ asset('assets/img/blog/default.jpg') }}" alt="Blog Image">
                                    @endif
                                </div>

                                <div class="blog-item-info">
                                    <h4 class="blog-title mt-3">
                                        <a href="{{ route('blogs.show', $blog->slug) }}">
                                            {{ $blog->title }}
                                        </a>
                                    </h4>
                                    <p>{!! Str::limit(strip_tags(html_entity_decode($blog->content)), 92) !!}</p>


                                    <a class="theme-btn" href="{{ route('blogs.show', $blog->slug) }}">
                                        Read More <i class="fas fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="col-12 text-center">
                            <p>No blogs available at the moment.</p>
                        </div>
                    @endforelse
                </div>

                <!-- pagination -->
                @if ($blogs->hasPages())
                    <div class="pagination-area mt-60">
                        <div aria-label="Page navigation example">
                            <ul class="pagination justify-content-center">
                                {{-- Previous Page Link --}}
                                @if ($blogs->onFirstPage())
                                    <li class="page-item disabled">
                                        <span class="page-link"><i class="far fa-arrow-left"></i></span>
                                    </li>
                                @else
                                    <li class="page-item">
                                        <a class="page-link" href="{{ $blogs->previousPageUrl() }}" aria-label="Previous">
                                            <span aria-hidden="true"><i class="far fa-arrow-left"></i></span>
                                        </a>
                                    </li>
                                @endif

                                {{-- Pagination Elements --}}
                                @foreach ($blogs->links()->elements[0] ?? [] as $page => $url)
                                    @if ($page == $blogs->currentPage())
                                        <li class="page-item active"><span class="page-link">{{ $page }}</span></li>
                                    @else
                                        <li class="page-item"><a class="page-link"
                                                href="{{ $url }}">{{ $page }}</a></li>
                                    @endif
                                @endforeach

                                {{-- Next Page Link --}}
                                @if ($blogs->hasMorePages())
                                    <li class="page-item">
                                        <a class="page-link" href="{{ $blogs->nextPageUrl() }}" aria-label="Next">
                                            <span aria-hidden="true"><i class="far fa-arrow-right"></i></span>
                                        </a>
                                    </li>
                                @else
                                    <li class="page-item disabled">
                                        <span class="page-link"><i class="far fa-arrow-right"></i></span>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                @endif
                <!-- pagination end -->
            </div>
        </div>
        <!-- blog area end -->


    </main>




@endsection