@extends('layoutsfrontend.master')

@section('content')
  <!-- Page Header Start -->
    <div class="page-header bg-section parallaxie">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Blogs</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">home</a></li>
                                <li class="breadcrumb-item">Blogs</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

   
    <div class="blogs_outer">
        <div class="container">
              <div class="row">
                  @foreach($blog as $key => $blogres)
                <div class="col-lg-4 col-md-6">
                    <!-- Post Item Start -->
                    <div class="post-item wow fadeInUp">
                        <!-- Post Featured Image Start-->
                        <div class="post-featured-image">
                            <a href="blog-single.html">
                                <figure class="image-anime">
                                    @php
                                    $image = $blogres->galleries($categoryId)->first();
                                    $imagePath = $image ? asset('storage/uploads/gallery/' . $image->filename) : asset('images/blog01.jpg');
                                    @endphp
                                   <img src="{{ $imagePath }}" alt="{{ $blogres->title }}">
                                </figure>    
                            </a>                            
                        </div>
                        <!-- Post Featured Image End -->

                        <!-- Post Item Body Start -->
                        <div class="post-item-body">
                            <!-- Post Item Content Start -->
                            <div class="post-item-content">
                                <h2><a href="{{ route('frontend.blog.detail', ['slug' => $blogres->slug]) }}">
                                    {{ $blogres->summery ?? Str::limit(strip_tags($blogres->description), 100) }}</a></h2>
                            </div>
                            <!-- Post Item Content End -->

                            <!-- Post Item Readmore Button Start-->
                            <div class="post-item-btn">
                                <a href="{{ route('frontend.blog.detail', ['slug' => $blogres->slug]) }}" class="readmore-btn">read more</a>
                            </div>
                            <!-- Post Item Readmore Button End-->
                        </div>
                        <!-- Post Item Body End -->
                    </div>
                    <!-- Post Item End -->
                </div>
                @endforeach
                <div class="col-lg-12">
                    <nav class="navigation pagination" aria-label="Posts pagination">
		<div class="nav-links">
            <a class="prev page-numbers" href="#/"><img src="images/prev-dotted.png"></a>
            <span aria-current="page" class="page-numbers current">1</span>
             <a class="page-numbers" href="#">2</a>
             <a class="next page-numbers" href="#/"><img src="images/next-dotted.png"></a>
            </div>
	</nav>
              </div>
            </div> 
        </div>
    </div>  

 

        @endsection