@extends('frontend.layouts.app')

@section('content')
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="{{asset('frontend/coreui/assets/img/breadcumb/breadcumb-bg.jpg')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Academic Year Overview</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li>The academic calendar of University Cambridge School Faisalabad (UCSF) is designed to balance learning, examinations, holidays, and extracurricular activities. It helps students and parents stay updated with important dates throughout the year.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

        <section class="vs-product-wrapper space-top space-extra-bottom">
            <div class="container">
                <div class="row justify-content-center">
                    @if($calender->isEmpty())
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <h2 class="feature-title me-xxl-5">NO Record Found !</h2>
                        </div>
                        @else
                    @foreach($calender as $cal)
                        <div class="col-md-6 col-lg-4 col-xl-3">
                            <div class="vs-product product-style1 d-flex flex-column w-100 h-100">
                                <div class="product-img">
                                    <a href="#"><img
                                            src="{{ asset("storage/Academic-Calender/image/{$cal->image}") }}"
                                            alt="Image" class="img-fluid"></a>
                                </div>
                                <div class="product-content">
                                    <h3 class="product-title"><a class="text-inherit">{{$cal->name}}</a></h3>
                                    <p class="service-text flex-grow-1">
                                        {{$cal->sub_details}}
                                    </p>
                                    <div class="actions mt-auto">
                                        <a href="{{ asset("storage/Academic-Calender/calendar/{$cal->calendar}") }}"
                                           download="" class="vs-btn"><i class="cil cil-download"></i>Download</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    @endif

                </div>
            </div>
        </section>
@endsection