@extends('layoutsfrontend.master')
@section('title')
    {{ $blogdetails->title }}
@endsection

@section('description')
    {{ Str::limit($blogdetails->summary, 160) }}
@endsection

@section('content')


    <!-- Page Header Start -->
    <div class="page-header bg-section parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Blog Title Here</h1>
                        <div class="post-single-meta wow fadeInUp">
							<ol class="breadcrumb">
                                <li><i class="fa-regular fa-user"></i> Admin</li>
								<li><i class="fa-regular fa-clock"></i> 1 June, 2025</li>
                            </ol>
						</div>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->
	
	<!-- Page Single Post Start -->
    <div class="page-single-post">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Post Featured Image Start -->
                    <div class="post-image">
                        <figure class="image-anime reveal">
                       @php
                        $image = $blogdetails->galleries($categoryId)->first();
                         $imagePath='';
                       if(isset($image)){
                      $imagePath = asset('storage/uploads/gallery/' . $image->filename);
}
                        @endphp
@isset($imagePath)
                                   <img src="{{ $imagePath }}" alt="{{ $blogdetails->title }}">
                                   @endisset
                        </figure>
                    </div>
                    <!-- Post Featured Image Start -->

                    <!-- Post Single Content Start -->
                    <div class="post-content">
                        <!-- Post Entry Start -->
                        <div class="post-entry">
                            <p class="wow fadeInUp">   {!! $blogdetails->description !!}   </p>                      
                        </div>
                        <!-- Post Entry End -->                        
                    </div>
                    <!-- Post Single Content End -->
                </div>
            </div>
        </div>

        <div class="blog_bottom_slider">
            <div class="container">
                <!-- blog Slider Start -->
                        <div class="blog-slider wow fadeInUp">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                     
                                 @foreach($blog as $item)
                                      <!-- slide start -->
                                    <div class="swiper-slide">
                                        <div class="post-item wow fadeInUp">
                        <!-- Post Featured Image Start-->
                        <div class="post-featured-image">
                            <a href="#" data-cursor-text="View">
                                <figure class="image-anime">
                                                            @php
                                $galleryblog = $item->galleries($categoryId)->first();
                                $blogImage = $galleryblog ? getgallery($galleryblog) : '';
                            @endphp
                            @if($blogImage)
                                <img src="{{ $blogImage }}" alt="{{ $blogImage }}">
                                @endif
                                </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', $item->slug) }}">{{ Str::limit($item->summary, 100) }}</a></h2>
                            </div>
                            <!-- Post Item Content End -->

                            <!-- Post Item Readmore Button Start-->
                            <div class="post-item-btn">
                                <a href="{{ route('frontend.blog.detail', $item->slug) }}" class="readmore-btn">read more</a>
                            </div>
                            <!-- Post Item Readmore Button End-->
                        </div>
                        <!-- Post Item Body End -->
                    </div>
                    <!-- Post Item End -->
                                    </div>
                                     <!-- slide End -->
                                  
                                    @endforeach     

                                </div>
                                   <!--- <div class="slider-button-wrap d-flex">
            <div class="slider-button-prev blog-button-prev"><span class="icon"></span></div>
            <div class="slider-button-next blog-button-next"><span class="icon"></span></div>
          </div>-->
                            </div>
                        </div>
                        <!-- blog Slider End --> 
            </div>
        </div>
    </div>
    <!-- Page Single Post End -->

@endsection