@section('title', 'Latest News from UCSF – School Events & Highlights')
@section('description', 'Stay updated with the latest news, student activities, and events at University Cambridge School Faisalabad – one of the top private schools in Faisalabad.')
@section('keywords',  'UCSF News and Events UCSF latest updates Upcoming school events at University Cambridge School What events are coming up at UCSF?')
@section('tags', 'UCSF News and Events, UCSF latest updates, Upcoming school events at University Cambridge School, What events are coming up at UCSF?')
@extends('frontend.layouts.app')
@section('content')
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="{{asset('frontend/coreui/assets/img/breadcumb/breadcumb-bg.jpg')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">News and Events</h1>
                <p class="breadcumb-text">Linking life to learning</p>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li>News Events</li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--==============================
    Blog Area
    ==============================-->
    <section class="vs-blog-wrapper space-top space-extra-bottom">
        <div class="container">
            <div class="row gx-40">
                <div class="col-lg-8">
                    @if($events->isEmpty())
                        <div class="h3">
                            NO Record Found
                        </div>
                    @else
                        @foreach($events as $event)
                            <div class="vs-blog blog-single has-post-thumbnail">
                                <div class="blog-img">
                                    <a href="{{route('front.news-event-detail',$event->slug)}}"><img
                                            src="{{ asset("storage/News-and-Events/Cover/{$event->cover_image}") }}"
                                            alt="Blog Image"></a>
                                </div>
                                <div class="blog-content">
                                    <div class="blog-meta">
                                        <a href="{{route('front.news-event-detail',$event->slug)}}"><i
                                                class="far fa-calendar-alt"></i>{{ date('M j Y', strtotime($event->event_date)) }}
                                        </a>
                                    </div>
                                    <h2 class="blog-title"><a href="{{route('front.news-event-detail',$event->slug)}}">
                                            {{$event->name}}</a></h2>
                                    <p class="blog-text">{{$event->short_description}}</p>
                                    <a href="{{route('front.news-event-detail',$event->slug)}}" class="vs-btn style2">Read
                                        More</a>
                                </div>
                            </div>
                        @endforeach
                    @endif


                    <div class="vs-pagination">
                        <ul>
                            <li>{{ $events->links()}}</li>
                        </ul>

                    </div>
                </div>
                <div class="col-lg-4">
                    <aside class="sidebar-area">
                        <div class="widget widget_search   ">
                            <h3 class="widget_title">Search</h3>
                            <form class="search-form">
                                <input id="first-name" placeholder="Type Here..." class="form-control" type="text"
                                       name="search" value="{{ request()->input('search') }}">

                                <button class="sidebar-search-btn-full disabled" type="submit"><i
                                        class="fa fa-search"></i></button>
                            </form>
                        </div>
                        <div class="widget widget_categories   ">
                            <h3 class="widget_title">Categories</h3>
                            <ul>
                                @foreach($categories as $category)
                                    <li>
                                        <a href="{{ route('front.news-event', ['category_id' => $category->id]) }}">{{$category->name}}</a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="widget bg-vs-secondary  "
                             data-bg-src="{{asset('frontend/coreui/assets/img/bg/widget-bg-1-1.png')}}">
                            <h4 class="mt-n2 text-white">Join together to make amazing things happen</h4>
                            <p class="mb-4 pb-1 text-white">Get all the latest information, support  and guidance about the school</p>
                            <a href="{{route('front.admission')}}" class="vs-btn">Start Registration</a>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('footer-script')
@endpush