@section('title', 'News and Events – Stay Updated with Campus Life | GIU')
@section('description', 'News and Events shares updates on campus life, academic milestones and student activities. Explore what’s happening at Green International University.')
@section('keywords', 'News and Events, GIU student achievements news, Academic calendar and research events')
@section('tags', 'GIU News and Events, GIU Student Achievements News, Academic Calendar and Research Events')
@extends('front.new.layouts.app')
@section('content')
{{--    <div class="news-events-wraper">--}}
{{--        <div class="container-fluid news-events-head">--}}
{{--            <div class="banner">--}}
{{--                <div class="container">--}}
{{--                    <nav class="pt-5 space-top" aria-label="breadcrumb">--}}
{{--                        <ol class="breadcrumb">--}}
{{--                            <li class="breadcrumb-item color-white"><a href="#">Home</a></li>--}}
{{--                            <li class="breadcrumb-item color-white"><a href="#">Life at GIU</a></li>--}}
{{--                            <li class="breadcrumb-item color-white"><a href="#">News & Events</a></li>--}}
{{--                        </ol>--}}
{{--                    </nav>--}}
{{--                    <div class="pt-sm-4">--}}
{{--                        <h1 class="pt-3 text-white">News & Events</h1>--}}
{{--                        <p class="text-white d-none d-md-inline">There is always something fascinating going on at GIU,--}}
{{--                            whether it is our students or staff producing ground-breaking research or resolving the--}}
{{--                            world's most significant concerns! News and events display lists of important academic dates--}}
{{--                            and activities organized by the University.</p>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

<div class="event-banner">
    <img src="{{ asset('front/images/new-giu/news-events/news-event.webp') }}" class="d-block w-100" alt="News and Events Banner">
</div>


    <section class="event-wrap pt-100 pb-100">
        <div class="container">
            <div class="row align-items-end">
                <div class="col-lg-12">
                    <div class="section-title style1 text-center mb-40">
                        <h2>Latest News</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-md-start">
                @foreach($NewEvents as $news)
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="course-card style3">
                            <div class="course-img">
                                <a href="{{route('post-detail', $news->slug)}}">
                                    <img src="{{URL('/')}}/front/images/new-giu/news-events/{{$news->img}}" alt="Image">
                                </a>
                                <div class="event-date">
                                    <i class="las la-calendar-week"></i>{{ date('d M, Y', strtotime($news->e_date)) }}
                                </div>
                            </div>
                            <div class="course-info">
                                <h3>
                                    <a href="{{route('post-detail', $news->slug)}}">
                                        {{ Str::limit($news->name, 35) }}
                                    </a>
                                </h3>

                            </div>
                            <div class="blog-min-height">
                                <p class="px-3">
                                    {{ Str::limit($news->short_description, 150) }}
                                </p>

                            </div>
                            <div class="course-metainfo">

                                @if (!empty($news['DptID']['name']))
                                    <p><i class="las la-university"></i>{{$news['DptID']['name']}}</p>
                                @endif
                            </div>
                            <div class="course-metainfo d-flex justify-content-end">
                                <a href="{{route('post-detail', $news->slug)}}"
                                   class="bg-yellow light-dark rounded v4 py-1 px-2">Read More</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="row mt-20">
                <div class="col-lg-12 d-flex justify-content-center pagination">
                    {{ $NewEvents->links() }}
                </div>
            </div>
        </div>
    </section>
@endsection