@section('title', 'Latest News & Events | Lyallpur Girls Cadet College Faisalabad')
@section('description', 'Stay updated with the latest news, achievements, and upcoming events at Lyallpur Girls Cadet College Faisalabad. Explore cadet activities and announcements')
@section('keywords',  'News and Events Girls Cadet College events Lyallpur Girls Cadet College News and Events What events does LGCC organize for cadets?')
@section('tags', 'News and Events, Girls Cadet College events, Lyallpur Girls Cadet College News and Events, What events does LGCC organize for cadets?')
@extends('front.layouts.app')
@section('content')

    <div class="admission-banner">
        <div class="admission-banner-img">
            <img src="{{asset('front/img/training.png')}}" alt="Glimpses">
        </div>
        <div class="admission-banner-text w-100">
            <h2 class="text-white">Lyallpur Girls Cadet <br>
                College, Faisalabad</h2>
        </div>
    </div>

    <!-- News -->
    <div class="our-stories py-5">
        <div class="our-stories-heading">
            <h3 class="text-gold mb-3">Our stories</h3>
        </div>

        <div class="row space-between">
            @foreach ($NewsEvents as $event)
                <div class="col-lg-4 col-md-6 pb-5 mb-md-0 px-4">
                    <div class="card story-card h-100">
                        <div class="story-image">
                            @if (isset($event->image))
                                <img src="{{ URL('/') }}/front/img/news-and-event/{{ $event->image }}"
                                    class="card-img-top" alt="Logo">
                            @endif

                            @if (isset($event->date))
                                <div class="story-date">
                                    <h6>{{ date('d', strtotime($event->date)) }}</h6>
                                    <p>{{ date('M', strtotime($event->date)) }}</p>
                                </div>
                            @endif
                        </div>
                        <div class="story-info h-100">

                            @if (isset($event->name))
                                <a class="text-dark" href="{{ route('news-events-detail', $event->slug) }}">
                                    <h5>{{ $event->name }}</h5>
                                </a>
                            @endif
                            @if (isset($event->description))
                                <p> {!! substr($event->description, 0, 200) !!}</p>
                            @endif
                        </div>
                        <div class="story-icons">
                            @if (isset($event->view))
                                <span class="me-3"><i class="fa fa-eye me-1"></i> <span>{{ $event->view }}</span></span>
                            @endif
                            {{-- @foreach ($counters as $link) --}}
                                <span><i class="fa fa-comment"></i> <span>  {{ $event->commentCounts }}</span></span>

                            {{-- @endforeach --}}
                            {{-- <span><i class="fa fa-comment"></i> <span>  {{ $counter }}</span></span> --}}

                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection