@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 Calender</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li>Contact Us</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">
                                <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">
                                        {{$cal->sub_details}}
                                    </p>
                                    <div class="actions">
                                        <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