@extends('layout.master')

@section('title')
    @if(isset($cd->is_of_course_sub_category_item->meta_t)) 
        {{ $cd->is_of_course_sub_category_item->meta_t }} Online Admission | Delhi NCR, Ghaziabad, Noida 
    @else
        {{ $cd->is_of_course_sub_category_item->name ?? 'Course' }}
    @endif 
@endsection

@section('keywords')
    @if(isset($cd->is_of_course_sub_category_item->meta_k)) 
        {{ $cd->is_of_course_sub_category_item->meta_k }},
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} online admission,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} distance,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} from open university,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} education,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} offering universities,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} fee details,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} admission 2024,
        {{ $cd->is_of_course_sub_category_item->name ?? '' }} regular non-attending
    @else
        {{ $cd->is_of_course_sub_category_item->name ?? '' }}
    @endif
@endsection

@section('description')
    @if(isset($cd->is_of_course_sub_category_item->meta_d))
        {{ $cd->is_of_course_sub_category_item->meta_d }} | Online, Distance, Regular and Non-Attending Admission 2024, Eligibility, Entrance Exam, Fees & Career.
    @else
        {{ $cd->is_of_course_sub_category_item->name ?? 'Course' }} | Online Admission in {{ $cd->is_of_course_sub_category_item->name ?? 'Course' }}, Online Admission 2023-2024-2025
    @endif 
@endsection

@section('content')
    <div class="breadcrumb-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <nav aria-label="breadcrumb" class="page-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('csc.page', ['csc_slug' => $cd->is_of_course_category->slug, 'csc_id' => $cd->is_of_course_category->id]) }}" class="text-white">{{ $cd->is_of_course_category->name ?? 'Category' }}</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="{{ route('cc.page', ['cc_id' => $cd->is_of_course_category->id, 'csc_id' => $cd->is_of_course_sub_category->id, 'csc_slug' => $cd->is_of_course_sub_category->slug, 'cc_slug' => $cd->is_of_course_category->slug]) }}" class="text-white">{{ $cd->is_of_course_sub_category->name ?? 'Sub-Category' }}</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">{{ $cd->is_of_course_sub_category_item->name ?? 'Course Item' }}</li>
                        </ol>  
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="inner-banner">
        <div class="container">
            <h1 class="course_Cat_name">{{ $cd->is_of_course_sub_category_item->name ?? 'Course' }}, Admission 2024, Eligibility, Entrance Exam, Fees & Career</h1>
            <div class="course-info d-flex align-items-center justify-content-center border-bottom-0 m-0 p-0">
                <!-- Additional course info can go here if needed -->
            </div>
        </div>
    </div>

    <section class="page-content course-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="card overview-sec">
                        <div class="card-body">
                            <h3 class="text-justify">Online Admission in {{ $cd->is_of_course_sub_category_item->name ?? 'Course' }}, Online Admission 2023-2024-2025</h3>
                            {!! $cd->description ?? '<p>No description available.</p>' !!} 
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="sidebar-sec">
                        <div class="video-sec vid-bg"> 
                            <div class="card">
                                <div class="card-body">
                                    <img src="{{ asset($cd->image ?? 'assets/img/default-image.jpg') }}" alt="{{ $cd->is_of_course_sub_category_item->name ?? 'Image' }}" class="img-fluid">
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials mt-4">
        <div class="card">
            <div class="card-header">
                <h4 class="related_title">Available Universities</h4>
            </div>
            <div class="card-body"> 
                <div class="row">
                    <div class="col-sm-12">
                        <div id="customers-testimonials" class="owl-carousel">
                            @foreach ($universities as $item)
                                <a href="{{ url('university/details/' . $item->is_of_university_name->slug . '/' . $item->is_of_university_name->id) }}">
                                    <div class="item shadow-effect">
                                        <img class="img-responsive" src="{{ asset($item->is_of_university_name->image ?? 'assets/img/banner.png') }}" alt="{{ $item->is_of_university_name->name ?? 'University' }}">
                                        <div class="item-details">
                                            <h5 class="u_name">{{ $item->is_of_university_name->name ?? 'University Name' }}</h5>
                                        </div>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <style>
        .testimonials {
            background-color: #f6f6f696;
            padding-top: 80px;
        }
        .owl-carousel .owl-next,
        .owl-carousel .owl-prev {
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 50%;
            position: absolute;
            top: 30%;
            font-size: 20px;
            color: #fff;
            border: 2px solid #ddd;
            text-align: center;
        }
        .owl-carousel .owl-prev { left: -70px; }
        .owl-carousel .owl-next { right: -70px; }
    </style>
@endsection