@extends("frontend.layout.main")

@section("content")

<!-- blog -->
    <section class="blog-custom-wrapper">
        <div class="container">
    
            <div class="row align-items-center mb-4">
                <div class="col-8">
                    <h2
                        style="color: #fff; font-size: 24px; font-weight: 800; border-left: 4px solid #d4af37; padding-left: 15px; margin:0;">
                        Legal Blog
                    </h2>
                </div>
                <div class="col-4 text-end">
                    <a href="{{ route('latestblog') }}"
                        style="color: #d4af37; font-size: 12px; text-transform: uppercase; font-weight: 700; text-decoration: none;">
                        View All →
                    </a>
                </div>
            </div>
            <p class="legal-sub">
            Explore expert insights, in-depth analysis, and practical perspectives on evolving legal trends and judicial developments.
            </p> 
    
            <div class="row g-3">
    
                @if(isset($blogs) && $blogs->count() > 0)
                @foreach($blogs as $item)
                    <div class="col-xl-4 col-md-6 col-12">
                        <a href="{{ route('blog.detail', $item->slug) }}" class="blog-card-item">
                            
                            <div class="blog-card-thumb">
                                <img src="{{ asset($item->image) }}" alt="{{ $item->title }}">
                            </div>
    
                            <div class="blog-card-info">
                                <span class="blog-card-tag">
                                    {{ $item->category->title ?? 'Category' }}
                                </span>
    
                                <h3>
                                    {{ \Illuminate\Support\Str::limit($item->title, 70, '...') }}
                                </h3>
    
                                <span class="blog-card-date">
                                    {{ $item->created_at->format('M d, Y') }}
                                </span>
                            </div>
    
                        </a>
                    </div>
                @endforeach
                @endif
    
            </div>
            {{-- Pagination UI --}}
            <div class="d-flex justify-content-center mt-5">
                {{ $blogs->links() }}
            </div>
        </div>
    </section>
    
 

@endsection