@section('title', 'News & Events – Campus Life Highlights | AUMDC')
@section('description', 'News & Events at Abu Umara Medical and Dental College bring you the latest campus updates and student highlights. Stay connected & explore now.')
@section('keywords', 'News & Events, AUMDC event highlights, Academic growth & student support')
@section('tags', 'News & Events, AUMDC event highlights, Academic growth & student support')
@extends('front.layouts.app')
@section('content')
    <section class="blog-area pt-100 pb-70">
        <div class="container">
            <div class="section-title">
                <h2>News & Events</h2>
            </div>
            <div class="row">
                @foreach($NewsAndEvents as $newsEvents)
                <div class="col-lg-4 col-md-6">
                    <div class="single-blog my-2">
                        <a href="{{route('news-events-details',$newsEvents->slug)}}" target="_blank" class="blog-img">
                            <img src="{{asset('front/images/news and events/' .$newsEvents->thumbnail )}}" alt="Image" style="height: 300px!important; object-fit:cover;">
                        </a>
                        <div class="blog-content">
                            <ul>
                                <li>
                                    <i class="ri-calendar-line"></i>
                                    <span>{{ $newsEvents->date }}</span>
                                </li>
                            </ul>
                            <h3>
                                <a href="{{route('news-events-details',$newsEvents->slug)}}" target="_blank">
                                    {{ $newsEvents->title }}
                                </a>
                            </h3>
                            <p> {!! str_limit($newsEvents->short_description,$limit = 300, $end="...") !!}</p>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            {{-- {!!$NewsAndEvents->links() !!} --}}

            <div class="row">
            <div class="d-flex justify-content-center ">
                {!!$NewsAndEvents->appends(['sort' => 'votes'])->links() !!}
            </div>
            </div>
        </div>
    </section>
    @endsection
@push('js')
@endpush