@extends('layoutsfrontend.master')
@section('title')
@lang('Title')
@endsection
@section('css')
@endsection
@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="{{ url('/') }}">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 -->  
                    <!-- News part Start -->
                    @foreach($news as $item)
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.{{ $loop->index % 3 * 2 }}s">
                        <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
                    <!-- News part end -->                       
              <div class="col-lg-12">
                    <div class="d-flex justify-content-center">
                       {{ $news->links('pagination::client') }}
                    </div>
              </div>
             </div>
        </div>
    </div>   
    @endsection
@section('script')
@endsection