@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">News and Events</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">home</a></li>
                                <li class="breadcrumb-item">News and Event</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->

   

    <div class="newsandevent_outer">
        <div class="container">
                <div class="row">

                    <!-- News part Start -->
                    @foreach($newsandevents as $key => $news)
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="{{ 0.2 * ($key % 3) }}s">
                        <div class="news_part">
                            <div class="news_image">
                                @php
                                    $image = $news->galleries($categoryId)->first();
                                    $imagePath = $image ? asset('storage/uploads/gallery/' . $image->filename) : asset('images/news01.jpg');
                                @endphp
                                <img src="{{ $imagePath }}" alt="{{ $news->name }}">
                            </div>
                            <div class="news_content">
                                <span class="newsdate">{{ $news->created_at ? $news->created_at->format('Y-m-d') : '' }}</span>
                                <h4>{{ $news->name }}</h4>
                                <p>{{ $news->summery ?? Str::limit(strip_tags($news->description), 100) }}</p>
                                <a href="{{ route('frontend.newsandevents.detail', ['slug' => $news->slug]) }}" class="readmore-btn">read more</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    <!-- News part end -->

                    <div class="col-lg-12">
                        <div class="mt-4 d-flex justify-content-center">
                            {{ $newsandevents->links('vendor.pagination.custom') }}
                        </div>
                    </div></div>
        </div>
    </div> 

        @endsection