@section('title', 'GIU Co-Curricular Activities | Explore Student Life')
@section('description', 'GIU Co‑Curricular Activities support creativity, teamwork and leadership with a wide range of student programs at Green International University. ')
@section('keywords', 'GIU 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">--}}
{{--            <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="#">Co-curricular Activities</a></li>--}}
{{--                        </ol>--}}
{{--                    </nav>--}}
{{--                    <div class="pt-sm-4">--}}
{{--                        <h1 class="pt-3 text-white">Co-curricular Activities</h1>--}}
{{--                        <p class="text-white d-none d-md-inline">Green International University strives to give students--}}
{{--                            top-notch sports and recreation facilities. The University offers many opportunities that--}}
{{--                            contribute to a cheerful atmosphere and allow students to identify hidden abilities through--}}
{{--                            extracurricular activities. </p>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
        <div id="carouselExampleIndicators" class="carousel slide banner-margin-top" data-bs-ride="carousel" data-bs-interval="3000">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <nav class="pt-3 space-top">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item color-white"><a href="#">Home</a></li>
                            <li class="breadcrumb-item color-white"><a href="#">Offices</a></li>
                            <li class="breadcrumb-item color-white"><a href="#">Housing & Transport</a></li>
                        </ol>
                    </nav>
                    <img src="{{ asset('front/images/new-giu/news-events/co-curriclar.jpg') }}" class="d-block w-100" alt="First slide">
                </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</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