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

@section('description')
    {{ Str::limit($news->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">{{ $news->title }}</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ url('/') }}">home</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('frontend.news') }}">News and Event</a></li>
                                <li class="breadcrumb-item active" aria-current="page">{{ Str::limit($news->title, 20) }}</li>
                            </ol>
                        </nav>
                    </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 Single Content Start -->
                    <div class="post-content">

                        <div class="section-title section-title-center">
                        <h3 class="wow fadeInUp">News & Events</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">{{ $news->title }}</h2>
                        <p><span>{{ $news->created_at->format('M d, Y') }}</span></p>
                    </div>
                        <!-- Post Entry Start -->
                         <div class="newimage_top">

                @php
                foreach($news->galleries(2)->get() as $gallery){
                if (Storage::disk('public')->exists('uploads/gallery/' . $gallery->filename)) {
                @endphp
                @if(!empty($gallery->filename))
                <img  src="{{ asset("storage/uploads/gallery/$gallery->filename")}}" alt="Example Image" style="max-width: 100%; height: auto;">
                @else
                <img src="{{asset('assets/img/thumbnail-default.jpg')}}" class="img-fluid" >
                @endif
                @php
                }
                }

                             @if($news->galleries(2)->count() > 0)
                                @foreach($news->galleries(2)->get() as $gallery)
                                    <img src="{{ asset('storage/uploads/gallery/' . $gallery->filename) }}" alt="{{ $news->title }}">
                                @endforeach
                             @elseif($news->filename)
                                <img src="{{ asset('storage/uploads/gallery/' . $news->filename) }}" alt="{{ $news->title }}">
                             @else
                                <img src="{{ asset('images/news1.jpg') }}" alt="Default News Image">
                             @endif
                         </div>
                        <div class="post-entry newspost">                            
                            <p class="wow fadeInUp">{{ $news->summary }}</p>
                            <div class="wow fadeInUp" data-wow-delay="0.2s">
                                {!! $news->description !!}
                            </div>
                        </div>
                        <!-- Post Entry End -->                        
                    </div>
                    <!-- Post Single Content End -->
                </div>
            </div>
        </div>
        <div class="news_bottom_slider">
            <div class="container">
                <!-- news Slider Start -->
                        <div class="news-slider wow fadeInUp">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                     <!-- slide start -->
                                    @foreach($relatedNews as $item)
                                    <div class="swiper-slide">
                                        <div class="news_part">
                                            <div class="news_image">
                                                @if($item->filename)
                                                    <img src="{{ asset('storage/uploads/gallery/' . $item->filename) }}" alt="{{ $item->title }}">
                                                @else
                                                    <img src="{{ asset('images/news01.jpg') }}" alt="Default News Image">
                                                @endif
                                            </div>
                                            <div class="news_content">
                                                <span class="newsdate">{{ $item->created_at->format('Y-m-d') }}</span>
                                                <h4>{{ Str::limit($item->title, 50) }}</h4>
                                                <p>{{ Str::limit($item->summary, 100) }}</p>
                                                <a href="{{ route('frontend.news.detail', $item->slug) }}" class="readmore-btn">read more</a>
                                            </div>
                                         </div>
                                    </div>
                                    @endforeach
                                     <!-- slide End -->
                                </div>
                                    <!--<div class="slider-button-wrap d-flex">
            <div class="slider-button-prev news-button-prev"><span class="icon"></span></div>
            <div class="slider-button-next news-button-next"><span class="icon"></span></div>
          </div>-->
                            </div>
                        </div>
                        <!-- news Slider End --> 
            </div>
        </div>
    </div>
    <!-- Page Single Post End -->
@endsection