@section('title', 'UCSF Faisalabad Prospectus PDF | View Online or Download')
@section('description', 'Get the latest UCSF prospectus online. Discover our curriculum, facilities, and admission process at one of the best private schools in Faisalabad.')
@section('keywords',  'University Cambridge School Faisalabad Prospectus UCSF prospectus PDF Detailed prospectus of University Cambridge School Faisalabad What is included in the UCSF prospectus?')
@section('tags', 'University Cambridge School Faisalabad Prospectus, UCSF prospectus PDF, Detailed prospectus of University Cambridge School Faisalabad, What is included in the UCSF prospectus?')
@extends('frontend.layouts.app')
@section('content')

    <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">Prospectus</h1>
                <p class="breadcumb-text">Linking life to learning</p>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('front.home')}}">Home</a></li>
                        <li>Prospectus</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <section class="mt-5">
        <div class="container">
            <div class="title-area text-center">
                <div class="sec-bubble">
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                    <div class="bubble"></div>
                </div>
                <h2 class="sec-title">Prospectus</h2>
            </div>
            @if($prospectus->isEmpty())
                <div class="col-xl-4">
                    <div class="h3">
                        NO Record Found
                    </div>
                    @else
                        <div class="row vs-carousel" data-slide-show="3" data-md-slide-show="2">

                            @foreach($prospectus as $pros)
                                <div class="vs-blog blog-style1 mx-3">
                                    <div class="blog-img">
                                        <img src="{{ asset("storage/Prospectus/image/{$pros->image}") }}"
                                             alt="Blog Thumbnail" class="w-100">
                                    </div>
                                    <div class="blog-content">
                                        <h3 class="blog-title h5">{{$pros->name}}</h3>
                                        <p class="blog-text">{{\Illuminate\Support\str::limit($pros->sub_details,40)}}</p>
                                    </div>
                                    <a href="{{asset("storage/Prospectus/prospectus/{$pros->prospectus}")}}"
                                       class="blog-btn">View Prospectus<i class="far fa-angle-right"></i></a>
                                </div>
                            @endforeach
                            @endif
                        </div>
                        <div class="vs-pagination mt-2" id="paginationCenter">
                            <ul>
                                <li>{{ $prospectus->links()}}</li>
                            </ul>
                        </div>
                </div>
        </div>
    </section>
@endsection
@push('footer-script')
@endpush