@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;
        }
        img.card-img-top {
             height: 120px !important;
            width: 100%;;
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
    </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 href="{{ url('/') }}" style="color:#fff">Home</a></li>
                                <li class="breadcrumb-item" aria-current="page" style="color:#fff"><a
                                        href="{{ url('university/' . $u->is_of_type->slug . '/' . $u->is_of_type->id) }}" style="color:#fff">{{ $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 justify-content-justify align-items-center min-vh-100">
            <div class="col-lg-12 text-center">

                <h1 class="u_details_name">{{ $u->name }}, Courses, Fee, Eligibility, Admission 2023, 2024, 2025</h1>
                <div class="course-info d-flex align-items-center justify-content-center border-bottom-0 m-0 p-0">
                    <!-- Add any additional content here -->
                </div>
                
            </div>
        </div>
    </div>
</div>

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

                        <div class="card overview-sec">
                            <div class="card-body">
                            <img class="" src="{{ asset($u->banner) }}" alt=""> </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->details !!}
                        </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>
                    @if ($ucfs->count() > 0)
                        <div id="phpSearch">
                            @php
                                $filtered_csci_id = [];
                                foreach (DB::table('course_sub_category_items')->get() as $filtered_csci_dataase) {
                                    array_push($filtered_csci_id, $filtered_csci_dataase->id);
                                }

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

                                $filtered_uc_id = [];
                                foreach (DB::table('university_categories')->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
                        </div>
                        <form action="{{ url('university/details/searchIn/' . $u->slug . '/' . $u->id) }}" method="get">
                            @csrf
                            <input type="text" name="search" placeholder="Search" class="form-control">
                            <div class="mt-3 mb-1">Showing <strong>{{ $noOfCourse }}</strong> Courses</div>
                        </form>



                        <div id="ifKey" style="max-height: 4000px; overflow-y: scroll;">
                            @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 }} </div>
                                                <!--   {{ $ucf->is_of_course_sub_category->name }} )</div>  -->
                                            <hr>
                                            <div>
                                             <!--    <p>Type : {{ $ucf->is_of_type->name }}</p> -->
                                            </div>
                                          <div class="fees">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
                                                        class="btn btn-primary login-form-open 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 modal-xl">
                                                <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="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Name <span
                                                                                style="color: red"> *</span></label><input
                                                                            type="text" class="form-control"
                                                                            readonly="readonly" style="background:0 0"
                                                                            value="{{ Auth()->user()->name }}">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Email <span
                                                                                style="color: red"> *</span></label><input
                                                                            type="text" class="form-control"
                                                                            readonly="readonly" style="background:0 0"
                                                                            value="{{ Auth()->user()->email }}">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Mobile No. <span
                                                                                style="color: red"> *</span></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>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>BirthDay <span
                                                                                style="color: red"> *</span></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>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Address Line 1 <span
                                                                                style="color: red"> *</span></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>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Address Line 2</label>
                                                                        @if (Auth()->user()->address_2 != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->address_2 }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="address_2" required
                                                                                placeholder="Address">
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <div class="form-group"><label>State <span
                                                                                style="color: red"> *</span></label>
                                                                        @if (Auth()->user()->state != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->state }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="state" required
                                                                                placeholder="State">
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <div class="form-group"><label>City <span
                                                                                style="color: red"> *</span></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>
                                                                </div>
                                                                <div class="col-lg-4">
                                                                    <div class="form-group"><label>Pin Code <span
                                                                                style="color: red"> *</span></label>
                                                                        @if (Auth()->user()->pin != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->pin }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="pin" required
                                                                                placeholder="Pin Code">
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Marital Status <span
                                                                                style="color: red"> *</span></label>
                                                                        @if (Auth()->user()->m_status != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->m_status }}">
                                                                        @else
                                                                            <select name="m_status"
                                                                                class="form-select form-control">
                                                                                <option value="" selected hidden
                                                                                    disabled>Select Marital Status</option>
                                                                                <option value="single">Single</option>
                                                                                <option value="married">Married
                                                                                </option>
                                                                            </select>
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Caste</label>
                                                                        @if (Auth()->user()->caste != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->caste }}">
                                                                        @else
                                                                            <select name="caste"
                                                                                class="form-select form-control">
                                                                                <option value="" selected disabled
                                                                                    hidden>Select Caste</option>
                                                                                <option value="GENERAL">General</option>
                                                                                <option value="OBC">OBC</option>
                                                                                <option value="EWS">EWS</option>
                                                                                <option value="SC">SC</option>
                                                                                <option value="ST">ST</option>
                                                                            </select>
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-12">
                                                                    <div class="form-group"><label>Aadhar No. <span
                                                                                style="color: red"> *</span></label>
                                                                        @if (Auth()->user()->aadhar_no != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->aadhar_no }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="aadhar_no" required
                                                                                placeholder="Aadhar No.">
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Father's Name</label>
                                                                        @if (Auth()->user()->f_name != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->f_name }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="f_name"
                                                                                placeholder="Father's Name">
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Father's Contact</label>
                                                                        @if (Auth()->user()->f_contact != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->f_contact }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="f_contact" maxlength="10"
                                                                                oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 10);"
                                                                                pattern="\d{10}"
                                                                                placeholder="Father's Contact">
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Mother's Name</label>
                                                                        @if (Auth()->user()->m_name != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->m_name }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="m_name"
                                                                                placeholder="Mother's Name">
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group"><label>Mother's Contact</label>
                                                                        @if (Auth()->user()->m_contact != null)
                                                                            <input type="text" class="form-control"
                                                                                readonly="readonly" style="background:0 0"
                                                                                value="{{ Auth()->user()->m_contact }}">
                                                                        @else
                                                                            <input type="text" class="form-control"
                                                                                name="m_contact" maxlength="10"
                                                                                oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 10);"
                                                                                pattern="\d{10}"
                                                                                placeholder="Mother's Contact">
                                                                        @endif
                                                                    </div>
                                                                </div>

                                                                @if (Auth()->user()->image != null)
                                                                @else
                                                                    <div class="form-group"><label>Image <span
                                                                                style="color: red"> *</span></label><input
                                                                            type="file" class="form-control"
                                                                            name="image" required></div>
                                                                @endif

                                                                @if (Auth()->user()->sign != null)
                                                                @else
                                                                    <div class="form-group">
                                                                        <label>Sign <span style="color: red">
                                                                                *</span></label><input type="file"
                                                                            class="form-control" name="sign" required>
                                                                    </div>
                                                                @endif
                                                                {{--
                                                                <div class="form-group"><label>Payment
                                                                        Mode</label><select name="" id=""
                                                                        class="form-control">
                                                                        <option value="" selected="selected" hidden
                                                                            disabled="disabled">Select Payment
                                                                            Mode
                                                                        </option>
                                                                        <option value="razorpay">Razorpay</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>

                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endif
                            @endforeach

                        </div>

                        @if ($ucfs->count() > 10)
                             <div>
                            <a onclick="showMore()" id="showAll"> Show All </a>
                        </div>
                        <div>
                            <a onclick="showLess()" id="showLess"> Show Less </a>
                        </div> 
                        @endif
                        </div> 
                        <div class="row">
                <div class="col-lg-4">
                    @include ('templates.inquiry-form')
</div>
                </div>
            </div>
                    @endif
               </section>
</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>
                        
                                                </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/courses.avif') }}"
                                                                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;
           
        }

        .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;
    background-color: blue; 
}

        }

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

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

        .owl-carousel .owl-item img {
            display: block;
            margin-right: auto;
            width: 100%;
            max-width: 150px !important;
            margin-left: auto;
                    

        }
.course-sec p {
    font-size: 12px;
}
        h5.course-name {
            text-align: center;
            font-size: 14px;
            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> -->


    <form action="{{ url('payment_enroll_process') }}" id="registrationForm" method="post">
        @csrf
        <input type="text" hidden id="payment_id" name="payment_id">
        <input type="text" hidden id="order_id" name="order_id">
        <input type="text" hidden id="u_id" name="u_id"
            @if (session('u_id')) value="{{ session('u_id') }}" @endif>
        <input type="text" hidden id="user_id" name="user_id"
            @if (session('user_id')) value="{{ session('user_id') }}" @endif>
        <input type="text" hidden id="csci_id" name="csci_id"
            @if (session('csci_id')) value="{{ session('csci_id') }}" @endif>
    </form>




    @include('ty')
@endsection

@section('script')
    <script>
        var pay = "{{ session('pay') }}";
        var key = "{{ session('key') }}";
        var amount = "{{ session('amount') }}";
        var currency = "{{ session('currency') }}";
        var order_id = "{{ session('order_id') }}";
        var name = "{{ session('name') }}";
        var email = "{{ session('email') }}";
        var number = "{{ session('number') }}";
        var user_id = "{{ session('user_id') }}";
        var u_id = "{{ session('u_id') }}";
        var csci_id = "{{ session('csci_id') }}";

        if (pay == true) {
            var options = {
                "key": key, // Enter the Key ID generated from the Dashboard
                "amount": amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
                "currency": currency,
                "order_id": order_id, //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
                "handler": function(response) {
                    document.getElementById('payment_id').value = response.razorpay_payment_id;
                    document.getElementById('order_id').value = response.razorpay_order_id;
                    // Submit the form to the payment response route

                    document.getElementById('registrationForm').submit();


                    /*   alert('ya');
                      alert(response.razorpay_payment_id);
                      alert(response.razorpay_order_id);
                      alert(response.razorpay_signature) */
                },
                "prefill": {
                    "name": name,
                    "email": email,
                    "contact": number,
                },
                "theme": {
                    "color": "#3399cc"
                }
            };
            var rzp1 = new Razorpay(options);
            rzp1.on('payment.failed', function(response) {
                alert(response.error.reason);


            });
            rzp1.open();



        }
    </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: 5
                }
            }
        })
    </script>
@endsection