@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')
<style>
    .faq-wrapper {
        max-width: 1900px;
        margin: auto;
    }

    .faq-item {
        background: #fff;
        border-radius: 12px;
        margin-bottom: 15px;
        padding: 0;
        box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }

    .faq-item input {
        display: none;
    }

    .faq-question {
        display: block;
        padding: 18px 22px;
        font-weight: 700;
        font-size: 18px;
        cursor: pointer;
        position: relative;
    }

    .faq-question::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-size: 22px;
        transition: transform 0.3s ease;
    }

    .faq-item input:checked + .faq-question::after {
        transform: rotate(45deg);
    }

    .faq-answer {
        max-height: 0;
        overflow: hidden;
        padding: 0 22px;
        color: #555;
        font-size: 15px;
        line-height: 1.6;
        transition: all 0.35s ease;
    }

    .faq-item input:checked ~ .faq-answer {
        max-height: 300px;
        padding: 15px 22px 20px;
    }

</style>
    <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">University Cambridge School Faisalabad Prospectus</h2>
                <p>The University Cambridge School Faisalabad (UCSF) Prospectus serves as a complete guide for parents and students who wish to explore our academic vision, learning environment, and the many opportunities available at UCSF.
                    It reflects our school’s ongoing commitment to nurturing students who are academically strong, ethically grounded, and future-ready.
                    At UCSF, we believe in developing the whole child—intellectually, socially, morally, and emotionally through a balanced and high quality education system that prepares them for lifelong success.
                </p>
            </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>
<section class="py-5">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="fw-bold">FAQs</h2>
        </div>

        <div class="faq-wrapper">

            <div class="faq-item">
                <input type="checkbox" id="faq1">
                <label for="faq1" class="faq-question">
                    What is included in the UCSF prospectus?
                </label>
                <div class="faq-answer">
                    It contains details about admissions, academics, facilities, extracurricular programs, and UCSF’s vision for student success.
                </div>
            </div>

            <div class="faq-item">
                <input type="checkbox" id="faq2">
                <label for="faq2" class="faq-question">
                    Who should read the UCSF prospectus?
                </label>
                <div class="faq-answer">
                    Parents and students who wish to join UCSF or want to understand its educational structure and environment.
                </div>
            </div>

            <div class="faq-item">
                <input type="checkbox" id="faq3">
                <label for="faq3" class="faq-question">
                    How can I get the UCSF prospectus?
                </label>
                <div class="faq-answer">
                    You can download it directly from this page or visit the UCSF Admissions Office to collect a printed copy.
                </div>
            </div>

            <div class="faq-item">
                <input type="checkbox" id="faq4">
                <label for="faq4" class="faq-question">
                    Why is the UCSF prospectus important?
                </label>
                <div class="faq-answer">
                    It helps families make informed decisions by understanding what UCSF offers in terms of education, values, and student development.
                </div>
            </div>

        </div>
    </div>
</section>


@endsection
@push('footer-script')
@endpush