@extends("$layout.layouts.layout")
@section('content')
    <!-- Courses Details -->
    <section class="sub-new-awolc-bg">
        <div class="container">
            <div class="row">

                <div class="col-lg-12">

                    <div class="sub-course-deta">
                        <div class="sub-course-tt-box d-flex flex-wrap">
                            <div class="sub-course-unt">
                                {{-- <img src="assets/images/courses-details/Cambridge-Education.png" alt="" /> --}}
                                <img src="{{ $university->university_gallery_url }}" alt="" />

                            </div>
                            <div class="sub-course-details-title">
                                <h6>{{ $university->university_name }}</h6>
                                <div class="sub-course-country">
                                    {{-- <img src="assets/images/country-flag/australia.svg" alt="" />  --}}
                                    {{ $university->address }}
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="sub-course-deta-title">
                        <h2>{{ $university->university_name }}</h2>
                    </div>

                    <div class="sub-course-deta-slider">
                        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                @foreach ($universityImage as $key => $image)
                                    <li data-target="#carouselExampleIndicators" data-slide-to="{{ $key }}"
                                        class="{{ $key == 0 ? 'active' : '' }}"></li>
                                    {{-- <li data-target="#carouselExampleIndicators" data-slide-to="1" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li> --}}
                                @endforeach
                            </ol>
                            <div class="carousel-inner">
                                @foreach ($universityImage as $j => $image)