@section('title', 'Co-Curricular Activities – Explore Student Life | GIU')
@section('description', 'Co‑Curricular Activities support creativity, teamwork and leadership with a wide range of student programs at Green International University.')
@section('keywords', 'Co‑Curricular Activities, GIU Cultural Competitions and Events, Co‑curricular development at GIU')
@section('tags', 'GIU Co‑Curricular Activities, GIU Cultural Competitions and Events, Co‑curricular development at GIU')

@extends('front.new.layouts.app')
@section('content')
    <div class="news-events-wraper">
        <div class="container-fluid news-events-head p-0">
            <div class="position-relative d-flex align-items-center justify-content-start banner-wrapper">
                <img src="{{ asset('front/images/new-giu/news-events/cca-banner.webp') }}"
                    class="img-fluid w-100 banner-img" alt="Co-Curricular Activities Banner">
                
                <div class="banner-text-left has-desc text-white">
                    <h1 class="text-white fw-bold mb-2 mb-md-3">GIU Co‑Curricular Activities</h1>
                    <p class="text-justify-left m-0">
                    At Green International University, co-curricular development at GIU supports learning beyond the classroom. 
                    Through GIU cultural competitions and events, <strong><a href="/student-societies">student societies</a></strong>,
                    the university encourages confidence, teamwork & active student life.</p>
                </div>
            </div>
        </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> Co-curricular Activities for Student Growth</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-md-start">
                    @foreach($ccActivities as $activities)
                        <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', $activities->slug)}}">
                                        <img src="{{URL('/')}}/front/images/new-giu/news-events/{{$activities->img}}"
                                             alt="Image">
                                    </a>
                                    <div class="event-date">
                                        <i class="las la-calendar-week"></i>{{ date('d M, Y', strtotime($activities->e_date)) }}
                                    </div>
                                </div>
                                <div class="course-info">
                                    <h3>
                                        <a href="{{route('post-detail', $activities->slug)}}">
                                            {{ Str::limit($activities->name, 35) }}
                                        </a>
                                    </h3>
                                </div>
                                <div class="blog-min-height">
                                    <p class="px-3">
                                        {{ Str::limit($activities->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', $activities->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">
                        {{ $ccActivities->links() }}
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection