@extends('layout.master')


@section('title')
{{ $u->meta_t !== null ? $u->meta_t : $u->name }}
@endsection

@section('keywords')
{{ $u->meta_k !== null ? $u->meta_k : $u->name }}
@endsection

@section('description')
{{ $u->meta_d !== null ? $u->meta_d : 'No Description' }}
@endsection

@section('content')


    <style>
        /* width */
        ::-webkit-scrollbar {
            margin-left: 3px;
            width: 1px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            margin-left: 3px;
            opacity: 0;
            background: none
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: none;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: none;
        }
    </style>
    <div class="breadcrumb-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="breadcrumb-list">
                        <nav aria-label="breadcrumb" class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a style="color:#fff" href="{{ url('/') }}">Home</a></li>
                                <li class="breadcrumb-item" aria-current="page"><a style="color:#fff" 
                                        href="{{ url('university/' . $u->is_of_type->slug . '/' . $u->is_of_type->id) }}">{{ $u->is_of_type->name }}</a>
                                </li>
                                <li class="breadcrumb-item" aria-current="page">{{ $u->name }}</li>

                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="inner-banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">

                    <h2>{{ $u->name }}</h2>

                    <div class="course-info d-flex align-items-center border-bottom-0 m-0 p-0">

                    </div>
                </div>
            </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">

                            {!! $u->description !!}
                        </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 class="" src="{{ asset($u->image) }}" alt="">


                                </div>
                            </div>
                        </div>
                    </div>
                    @php
                        $no_cscis = 0;
                    @endphp

                    @php
                        $filtered_csci_id = [];
                        foreach (
                            DB::table('course_sub_category_items')
                                ->where('name', 'LIKE', '%' . $searchValue . '%')
                                ->get()
                            as $filtered_csci_dataase
                        ) {
                            array_push($filtered_csci_id, $filtered_csci_dataase->id);
                        }

                        $filtered_csc_id = [];
                        foreach (
                            DB::table('course_sub_categories')
                                ->where('name', 'LIKE', '%' . $searchValue . '%')
                                ->get()
                            as $filtered_csc_dataase
                        ) {
                            array_push($filtered_csc_id, $filtered_csc_dataase->id);
                        }

                        $filtered_uc_id = [];
                        foreach (
                            DB::table('university_categories')
                                ->where('name', 'LIKE', '%' . $searchValue . '%')
                                ->get()
                            as $filtered_uc_database
                        ) {
                            array_push($filtered_uc_id, $filtered_uc_database->id);
                        }

                        $noOfCourse = 0;
                        $b = [];
                        foreach ($ucfs as $key => $ucf) {
                            if (in_array($ucf->course_sub_category_item_id, $filtered_csci_id) or in_array($ucf->course_sub_category_id, $filtered_csc_id) or in_array($ucf->is_of_type->id, $filtered_uc_id)) {
                                $noOfCourse = $noOfCourse + 1;
                                array_push($b, $noOfCourse);
                            }
                        }

                    @endphp
                    <form action="{{ url('university/details/searchIn/' . $u->id . '/' . $u->slug) }}" method="get">
                        @csrf
                        <input type="text" name="search" placeholder="Search" class="form-control"
                            value="{{ $searchValue }}">
                        <div class="mt-3 mb-1">Showing <strong>{{ $noOfCourse }}</strong> Courses</div>
                    </form>
                    
                <div id="ifKey" style="max-height: 1800px; overflow-y: scroll; margin-top:0px">
                    @foreach ($ucfs as $key => $ucf)
                        @if (in_array($ucf->course_sub_category_item_id, $filtered_csci_id) or
                                in_array($ucf->course_sub_category_id, $filtered_csc_id) or
                                in_array($ucf->is_of_type->id, $filtered_uc_id))
                            <div class="card">
                                <div class="card-body">
                                    <div class="card-title">{{ $ucf->is_of_course_sub_category_item->name }} (
                                        {{ $ucf->is_of_course_sub_category->name }} )</div>
                                    <hr>
                                    <div>
                                        <p>Type : {{ $ucf->is_of_type->name }}</p>
                                    </div>
                                    <div>Fees : ₹ {{ $ucf->fee }}</div>
                                    <div class="mt-2">
                                        @if (Auth::check())
                                            @if (DB::table('orders')->where('user_id', Auth()->user()->id)->where('course_sub_category_item_id', $ucf->is_of_course_sub_category_item->id)->exists())
                                                <button
                                                class="btn btn-success form-control mt-1">Enrolled</button>@else<button
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#enroll-{{ $ucf->id }}"
                                                    class="btn btn-primary form-control mt-1">Enroll Now</button>
                                        @endif {{-- <a href="{{ url('enroll/' . Auth()->user()->id . '/' . $ucf->is_of_course_sub_category_item->id . '/' . $u->id) }}" class="btn btn-primary form-control mt-1">Enroll Now</a> --}} @else<button
                                                data-bs-toggle="modal" data-bs-target="#staticBackdrop"
                                                class="btn btn-primary form-control mt-1">Enroll Now</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            @if (Auth::check())
                                <div class="modal fade" id="enroll-{{ $ucf->id }}" data-bs-backdrop="static"
                                    data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel"
                                    aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h1 class="modal-title fs-5" id="staticBackdropLabel">Enroll</h1>
                                                <br><button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="Close"></button>
                                            </div>
                                            <div class="modal-body">
                                                <form action="{{ url('eu-p') }}" method="post">@csrf<div
                                                        class="form-group"><label>Name</label><input type="text"
                                                            class="form-control" readonly="readonly"
                                                            style="background:0 0"
                                                            value="{{ Auth()->user()->name }}"></div>
                                                    <div class="form-group"><label>Email</label><input type="text"
                                                            class="form-control" readonly="readonly"
                                                            style="background:0 0"
                                                            value="{{ Auth()->user()->email }}"></div>
                                                    <div class="form-group"><label>Mobile No.</label>
                                                        @if (Auth()->user()->number != null)
                                                            <input type="text" class="form-control"
                                                                readonly="readonly" style="background:0 0"
                                                                value="{{ Auth()->user()->number }}">
                                                        @else
                                                            <input type="text" class="form-control" name="number"
                                                                required placeholder="Number">
                                                        @endif
                                                    </div>
                                                    <div class="form-group"><label>BirthDay</label>
                                                        @if (Auth()->user()->bDate != null)
                                                            <input type="date" class="form-control"
                                                                readonly="readonly" style="background:0 0"
                                                                value="{{ Auth()->user()->bDate }}">
                                                        @else
                                                            <input type="date" class="form-control" name="bDate"
                                                                required>
                                                        @endif
                                                    </div>
                                                    <div class="form-group"><label>Address</label>
                                                        @if (Auth()->user()->address != null)
                                                            <input type="text" class="form-control"
                                                                readonly="readonly" style="background:0 0"
                                                                value="{{ Auth()->user()->address }}">
                                                        @else
                                                            <input type="text" class="form-control" name="address"
                                                                required placeholder="Address">
                                                        @endif
                                                    </div>
                                                    <div class="form-group"><label>City</label>
                                                        @if (Auth()->user()->city != null)
                                                            <input type="text" class="form-control"
                                                                readonly="readonly" style="background:0 0"
                                                                value="{{ Auth()->user()->city }}">
                                                        @else
                                                            <input type="text" class="form-control" name="city"
                                                                required placeholder="City">
                                                        @endif
                                                    </div>
                                                    @if (Auth()->user()->image != null)
                                                    @else
                                                        <div class="form-group"><label>Image</label><input
                                                                type="file" class="form-control" name="image"
                                                                required></div>
                                                        @endif @if (Auth()->user()->sign != null)
                                                        @else<div class="form-group"><label>Sign</label><input
                                                                    type="file" class="form-control"
                                                                    name="sign" required></div>
                                                        @endif {{-- <div class="form-group"><label>Sign</label>@if (Auth()->user()->sign != null) <input type="text" class="form-control" readonly="readonly" style="background:0 0" placeholder="Sign will be taken from your profile"> @else <input type="file" class="form-control" name="sign" required> @endif</div> --}}<div
                                                            class="form-group"><label>Payment Mode</label><select
                                                                name="" id="" class="form-control"
                                                                disabled="disabled">
                                                                <option value="" selected="selected" hidden
                                                                    disabled="disabled">Select Payment Mode</option>
                                                            </select></div><input type="text" name="csci_id"
                                                            value="{{ $ucf->is_of_course_sub_category_item->id }}"
                                                            hidden> <input type="text" name="u_id"
                                                            value="{{ $u->id }}" hidden>
                                                        <div class="d-grid"><button type="submit"
                                                                class="btn btn-primary form-control mt-1">Enroll
                                                                Now</button>{{-- <a href="{{ url('enroll/' . Auth()->user()->id . '/' . $ucf->is_of_course_sub_category_item->id . '/' . $u->id) }}" class="btn btn-primary form-control mt-1">Enroll Now</a> --}}</div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif
                    @endforeach
                </div>

                @if (count($b) > 7)
                    {{--                     <div>
                        <a onclick="showMore()" id="showAll"> Show All </a>
                    </div>
                    <div>
                        <a onclick="showLess()" id="showLess"> Show Less </a>
                    </div> --}}
                @endif

            </div>

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

<section class="testimonials">
    <div class="container">

        <div class="card">
            <div class="card-header">
                <h4>Top Courses </h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-12">
                        <div id="customers-testimonials" class="owl-carousel">

                            @foreach ($ucs as $uc)
                                @php
                                    $cscis = DB::table('course_sub_category_items')
                                        ->where('id', $uc->is_of_course_sub_category_item->id)
                                        ->where('status', '0')
                                        ->get();
                                @endphp
                                @foreach ($cscis as $csci)
                                    @foreach ($cds as $key => $cd)
                                        @php
                                            $cdVerification = DB::table('course_details')
                                                ->where('course_sub_category_id', $csci->id)
                                                ->first();
                                        @endphp
                                        @if ($cdVerification)
                                            <a href="{{ url('course/details/' . $csci->slug . '/' . $csci->id) }}">
                                                <div class="item">
                                                    <div class="shadow-effect">

                                                        <img class="img-responsive" src="{{ asset($cd->image) }}"
                                                            alt="">
                                                        <div class="item-details">
                                                            <h5 class="course-name">
                                                                {{ $cd->is_of_course_sub_category_item->name }}
                                                            </h5>
                                                            <p class="me-3"><span class="text-danger ms-2"></span>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        @else
                                            <a href="{{ url('course/details/' . $csci->slug . '/' . $csci->id) }}">
                                                <div class="item">
                                                    <div class="shadow-effect">
                                                        <img class="img-responsive"
                                                            src="{{ asset('admin/assets/images/gallery/36.jpg') }}"
                                                            alt="">
                                                        <div class="item-details">
                                                            <h5 class="course-name">{{ $csci->name }}</h5>
                                                            <p class="me-3"><span class="text-danger ms-2"></span>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </a>
                                        @endif
                                    @endforeach
                                @endforeach
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END OF TESTIMONIALS -->

<style>
    .owl-carousel .items {
        height: 10rem;
        background: #4DC7A0;
        padding: 1rem;
    }

    .owl-carousel .items h4 {
        color: #FFF;
        font-weight: 400;
        margin-top: 0rem;
    }

    .testimonials {
        background-color: #f6f6f696;
        position: relative;
        padding-top: 80px;
    }

    .owl-carousel .owl-nav [class*='owl-'] {
        -webkit-transition: all .10s ease;
        transition: all .10s ease;
    }

    .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
        background-color: #D6D6D6;
    }

    .owl-carousel {
        position: relative;

    }

    .owl-carousel .owl-next,
    .owl-carousel .owl-prev {
        loop: false;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        position: absolute;
        top: 30%;
        font-size: 20px;
        color: #fff;
        border: 1px solid #ddd;
        text-align: center;
    }

    .owl-carousel .owl-prev {
        left: -70px;
    }

    .owl-carousel .owl-next {
        right: -70px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;

    }

    h5.course-name {
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }
</style>








<section class="page-content course-sec">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">

                @include ('templates.inquiry-form')

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

@include('ty')
@endsection

@section('script')
<script>
    $('#showLess').hide();
    $("#ifKey").show();
    $('#defaultKey').hide();

    function showLess() {
        $('#defaultKey').show();
        $("#ifKey").hide();
        $('#showAll').show();
        $('#showLess').hide();
    }

    function showMore() {
        $("#ifKey").show()
        $('#defaultKey').hide();
        $('#showLess').show();
        $('#showAll').hide();

    }
</script>

<script>
    $('.owl-carousel').owlCarousel({
        loop: false,
        margin: 10,
        nav: true,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 3
            },
            1000: {
                items: 4
            }
        }
    })
</script>
@endsection