@extends('layout.master')

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

@section('keywords')
    {{ $u->meta_k ?? $u->name }} {{ $u->name }} admission, {{ $u->name }} education, {{ $u->name }} online admission, 
    {{ $u->name }} courses, {{ $u->name }} online courses, {{ $u->name }} programs, {{ $u->name }} distance education, 
    {{ $u->name }} fee, {{ $u->name }} admission 2024
@endsection
 
@section('description') 
    {{ $u->meta_d ?? $u->name }} {{ $u->name }} Online Admission | {{ $u->name }} Online and Distance Education.
@endsection

@section('content')

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

        ::-webkit-scrollbar-track {
            background: none;
        }

        ::-webkit-scrollbar-thumb {
            background: none;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: none;
        }

        img.card-img-top {
            height: 120px !important;
            width: 100%;
            display: block;
            margin: 0 auto;
        }
    </style>

    <div class="breadcrumb-bar" style="background-color: #151a63; color: #fff;">
        <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">
                                    <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" style="color:#fff;">
                                    {{ $u->name }}
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="inner-banner">
        <div class="container">
            <div class="row justify-content-center align-items-center min-vh-100">
                <div class="col-lg-12 text-center">
                    <h1 class="u_details_name"style="color: red">
                        {{ $u->name }} Admission, Courses, Fee, Eligibility 
                    </h1>
                </div>
            </div>
        </div>
    </div>

                
    <div class="container">
        <section class="page-content course-sec">
            <div class="row">
                <div class="col-lg-8">
                    <div class="card overview-sec"style="border: 2px solid black">
                        <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"style="border: 2px solid black">
                                <div class="card-body">
                                    <img src="{{ asset($u->image) }}" alt="{{ $u->name }}">
                                </div>
                            </div>
                        </div>

                        @if ($ucfs->count() > 0)
                            <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>{{ $ucfs->count() }}</strong> Courses
                                </div>
                            </form>

                            <div id="ifKey" style="max-height: 4000px; overflow-y: scroll;"style="border: 2px solid black">
                                @foreach ($ucfs as $ucf)
                                    <div class="card"style="border: 2px solid black">
                                        <div class="card-body">
                                            <div class="card-title">
                                                {{ $ucf->is_of_course_sub_category_item->name }}
                                            </div>
                                            <hr>
                                            <div class="fees">Fees: ₹ {{ $ucf->fee }}/ Year</div>
                                            <div class="mt-2">
                                                @if (Auth::check())
                                                    @if (DB::table('orders')
                                                        ->where('user_id', Auth::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
                                                @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
                               
                            @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="container">
                                   <div class="col-lg-4"style="border: 2px solid black>
                                   @include ('templates.inquiry-form')<div></div>
                    @endif
              
</section>
    <section class="testimonials">
        <div class="container">
            
                <div class="card-header">
                    <h3>Top Courses </h3>
                </div>
                <div class="card-body">
                    
                        <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: #b31717;
            padding: 1rem;
        }

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

        .testimonials {
            background-color: pale yellow;
            position: relative;
            border: 2px solid black;
           
        }

        .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: red;
    border: 2px solid #0b249e;
    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: 2px;
        }
    </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