@section('title', 'Blog – Campus Life Highlights | AUMDC')
@section('description', 'Blog at Abu Umara Medical and Dental College bring you the latest campus updates and student highlights. Stay connected & explore now.')
@section('keywords', 'Blog, AUMDC event highlights, Academic growth & student support')
@section('tags', 'Blog, 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">
                <p class="h2 fw-bolder">Blog</p>
            </div>
            <div class="row g-5">
                @foreach($NewsAndEvents as $newsEvents)
                    <div class="col-lg-4 col-md-6">
{{--                        <div class="single-blog my-2">--}}
{{--                            <a href="{{route('blog-details',$newsEvents->slug)}}" target="_blank" class="blog-img">--}}
{{--                                <img src="{{asset('front/images/blog/' .$newsEvents->banner )}}" alt="Image" style="height: 300px!important; object-fit:fill;">--}}
{{--                            </a>--}}
{{--                            <div class="blog-content">--}}
{{--                                <ul>--}}
{{--                                    <li>--}}
{{--                                        <i class="ri-calendar-line"></i>--}}
{{--                                        <span>{{ $newsEvents->b_date }}</span>--}}
{{--                                    </li>--}}
{{--                                </ul>--}}
{{--                                <h1 class="h3">--}}
{{--                                    <a href="{{route('blog-details',$newsEvents->slug)}}" target="_blank">--}}
{{--                                        {{ $newsEvents->name }}--}}
{{--                                    </a>--}}
{{--                                </h1>--}}
{{--                                <p> {!! str_limit($newsEvents->short_description,$limit = 300, $end="...") !!}</p>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                        <div class="card h-100 shadow-sm">


                            <a href="{{route('blog-details',$newsEvents->slug)}}" target="_blank" class="blog-img">
                                <img src="{{asset('front/images/blog/' .$newsEvents->banner )}}" class="card-img-top" alt="Blog 1">
                            </a>

                            <div class="card-body">
                                                                <h1 class="card-title h5"> {{ $newsEvents->name }}</h1>
                                                                <a href="{{route('blog-details',$newsEvents->slug)}}" target="_blank" class="btn text-white" style="background-color: #87191f">Read More</a>
                            </div>
                            <div class="card-footer text-muted">{{ $newsEvents->b_date }}</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