@extends('admin/layouts/app')

@section('page-title')
    <title>Update Course | Simple Admission</title>
@endsection

@section('page-breadcrumb')
    <div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">Course</h1>
        <!--end::Title-->
        <!--begin::Separator-->
        <span class="h-20px border-gray-300 border-start mx-4"></span>
        <!--end::Separator-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">
                <a href="javascript:;" class="text-muted text-hover-primary">Update</a>
            </li>
        </ul>
        <!--end::Breadcrumb-->
    </div>
@endsection

@section('main-content')
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            {{--        @include('admin.course-management.course-list.include.tabmenu')--}}
            @include('admin.course-management.course-details.tabmenu')
            <!--begin::Contact-->
            <div class="card">
                <!--begin::Body-->
                <div class="card-body p-lg-17">
                    <!--begin::Row-->
                    <form enctype="multipart/form-data" action="{{route('course.update', $course_item->id)}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form">
                        @csrf
                        <h1 class="fw-bolder text-dark mb-9">Update Course</h1>
                        <!--begin::Input group-->
                        <div class="row mb-3">
                            <!--begin::Col-->
                            <div class="col-md-6 pe-lg-10">
                                <!--begin::Form-->
                                <!-- <div class="d-flex flex-column mb-5 fv-row">
                                <label class="required fs-5 fw-bold mb-2">Name (EN)</label>
                                <input type="text" class="form-control form-control-solid" placeholder="Enter Name (EN)" name="name" value="{{$course_item->name}}" autocomplete="off" />
                                @if($errors->has('name'))
                                    <span class="text-danger">{{ $errors->first('name') }}</span>


                                @endif
                                </div> -->
                                <!-- <div class="d-flex flex-column mb-5 fv-row">
                                <label class="fs-5 fw-bold mb-2">Name (BN)</label>
                                <input type="text" class="form-control form-control-solid" placeholder="Enter Name (BN)" name="name_bn" value="{{$course_item->name_bn}}" autocomplete="off" />
                                @if($errors->has('name_bn'))
                                    <span class="text-danger">{{ $errors->first('name_bn') }}</span>


                                @endif
                                </div> -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Institute</label>
                                    <select id="institute_id" class="form-select form-select-solid" onchange="showHideTrainingSection(this.value)" data-control="select2" data-placeholder="Select a Institute" name="institute_id">
                                        <option selected disabled>Select Institute</option>
                                        @foreach($institutes as $institute)
                                            <option {{$institute->id == $course_item->institute_id ? 'selected' : ''}} value="{{$institute->id}}"> {{$institute->name.' ('. ($institute->instituteBasic->institute_type == 1 ? 'Education' : ($institute->instituteBasic->institute_type == 2 ? 'Training' : ($institute->instituteBasic->institute_type == 3 ? 'Study Abroad' : ''))).')'}}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('institute_id'))
                                        <span class="text-danger">{{ $errors->first('institute_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Department</label>
                                    <select id="department_id" name="department_id" data-control="select2" data-placeholder="Select a Department ..." class="form-select form-select-solid">
                                        <option selected disabled>Select Department</option>
                                    </select>
                                    @if($errors->has('department_id'))
                                        <span class="text-danger">{{ $errors->first('department_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Course</label>
                                    <select id="course_id" name="course_id" data-control="select2" data-placeholder="Select a Course ..." class="form-select form-select-solid">
                                        <option selected disabled>Select Course</option>
                                    </select>
                                    @if($errors->has('course_id'))
                                        <span class="text-danger">{{ $errors->first('course_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Main Category</label>
                                    <select id="category_type_id" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Main Category" name="category_type_id">
                                        <option selected disabled>Select Main Category</option>
                                        @foreach($category_types as $category_type)
                                            <option {{$category_type->id == $course_item->category_type_id ? 'selected' : ''}} value="{{$category_type->id}}"> {{$category_type->name}}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('category_type_id'))
                                        <span class="text-danger">{{ $errors->first('category_type_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Category</label>
                                    <select id="category_id" name="category_id" data-control="select2" data-placeholder="Select a Category ..." class="form-select form-select-solid">
                                        <option selected disabled>Select Category</option>
                                    </select>
                                    @if($errors->has('category_id'))
                                        <span class="text-danger">{{ $errors->first('category_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="form-label required">Degree</label>
                                    <select name="education_course_type_id" id="education_course_type_id" data-control="select2" data-placeholder="Select a degree ..." class="form-select form-select-solid" required>
                                        <option selected value="">Select Option</option>
                                        @if(!empty($degrees))
                                            @foreach($degrees as $type)
                                                <option value="{{$type->id}}" {{$type->id == $course_item->education_course_type_id ? 'selected' : ''}}>{{$type->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if($errors->has('education_course_type_id'))
                                        <span class="text-danger">{{ $errors->first('education_course_type_id') }}</span>
                                    @endif
                                </div>
                                <div class="ieb-section w-100">
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <label class=" fs-6 fw-bold mb-2">IEB</label>
                                        <select class="form-select form-select-solid" data-control="select2" data-placeholder="Select a IEB" name="is_ieb">
                                            <option {{$course_item->is_ieb == 0 ? 'selected' : ''}} value="0">No</option>
                                            <option {{$course_item->is_ieb == 1 ? 'selected' : ''}} value="1">Yes</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="required fs-6 fw-bold mb-2">Session</label>
                                    <select id="session_id" name="session_id" data-control="select2" data-placeholder="Select a Session ..." class="form-select form-select-solid">
                                        <option value="" selected disabled>Select Session</option>
                                    </select>
                                    @if($errors->has('session_id'))
                                        <span class="text-danger">{{ $errors->first('session_id') }}</span>
                                    @endif
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="required fs-5 fw-bold mb-2">Slug</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" placeholder="Enter Slug" name="slug" value="{{$course_item->slug}}" autocomplete="off"/>
                                    @if($errors->has('slug'))
                                        <span class="text-danger">{{ $errors->first('slug') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Duration( In hour )</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter duration( In hour )" name="duration_hour" value="{{$course_item->duration_hour}}" autocomplete="off"/>
                                    @if($errors->has('duration_hour'))
                                        <span class="text-danger">{{ $errors->first('duration_hour') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Duration( In month )</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter duration" name="duration" value="{{$course_item->duration}}" autocomplete="off"/>
                                    @if($errors->has('duration'))
                                        <span class="text-danger">{{ $errors->first('duration') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Duration( In year )</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter duration( In year )" name="duration_year" value="{{$course_item->duration_year}}" autocomplete="off"/>
                                    @if($errors->has('duration_year'))
                                        <span class="text-danger">{{ $errors->first('duration_year') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>

{{--                                <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                    <!--begin::Label-->--}}
{{--                                    <label class=" fs-5 fw-bold mb-2">Duration( In month )</label>--}}
{{--                                    <!--end::Label-->--}}
{{--                                    <!--begin::Input-->--}}
{{--                                    <input type="number" class="form-control form-control-solid" placeholder="Enter duration" name="duration" value="{{$course_item->duration}}" autocomplete="off"/>--}}
{{--                                    @if($errors->has('duration'))--}}
{{--                                        <span class="text-danger">{{ $errors->first('duration') }}</span>--}}
{{--                                    @endif--}}
{{--                                    <!--end::Input-->--}}
{{--                                </div>--}}

                                {{-- for training --}}
                                <div class="training-section w-100">
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class=" fs-5 fw-bold mb-2">Batch</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" class="form-control form-control-solid" placeholder="Enter Batch Name" name="batch" value="{{$course_item->batch}}" autocomplete="off"/>
                                        @if($errors->has('batch'))
                                            <span class="text-danger">{{ $errors->first('batch') }}</span>
                                        @endif

                                        <!--end::Input-->
                                    </div>
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class=" fs-5 fw-bold mb-2">Hour</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="number" class="form-control form-control-solid" placeholder="Enter Hour" name="hour" value="{{$course_item->hour}}" autocomplete="off"/>
                                        @if($errors->has('hour'))
                                            <span class="text-danger">{{ $errors->first('hour') }}</span>
                                        @endif

                                        <!--end::Input-->
                                    </div>
                                </div>
                                {{-- for training --}}

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Application Fee</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter Single Price" name="single_price" value="{{$course_item->single_price}}" autocomplete="off"/>
                                    @if($errors->has('single_price'))
                                        <span class="text-danger">{{ $errors->first('single_price') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>


                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Application Message</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="text" class="form-control form-control-solid" placeholder="Enter Application Message" name="application_message" value="{{$course_item->application_message}}" autocomplete="off"/>
                                    @if($errors->has('application_message'))
                                        <span class="text-danger">{{ $errors->first('application_message') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Total Price</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter Average Price" name="average_price" value="{{$course_item->average_price}}" autocomplete="off"/>
                                    @if($errors->has('average_price'))
                                        <span class="text-danger">{{ $errors->first('average_price') }}</span>
                                    @endif
                                    <span class="text-warning">Approximate cost to complete this course</span>
                                    <!--end::Input-->
                                </div>
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Internships</label>
                                    <select id="internship_opportunity" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Option" name="internship_opportunity">
                                        <option {{$course_item->internship_opportunity == 0 ? 'selected' : ''}} value="0">Not Available</option>
                                        <option {{$course_item->internship_opportunity == 1 ? 'selected' : ''}} value="1">Available</option>
                                    </select>
                                </div>
                                <!--  -->
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Research & Higher Studies</label>
                                    <select id="higher_studies" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Option" name="higher_studies">
                                        <option {{$course_item->higher_studies == 0 ? 'selected' : ''}} value="0">Not Available</option>
                                        <option {{$course_item->higher_studies == 1 ? 'selected' : ''}} value="1">Available</option>
                                    </select>
                                </div>
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Study Mode</label>
                                    <select id="study_mode" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Option" name="study_mode">
                                        <option {{$course_item->study_mode == 'full_time' ? 'selected' : ''}} value="full_time">Full time</option>
                                        <option {{$course_item->study_mode == 'part_time' ? 'selected' : ''}} value="part_time">Part time</option>
                                    </select>
                                </div>
                                <!--  -->
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Study Location</label>
                                    <select id="study_location" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Option" name="study_location">
                                        <option {{$course_item->study_location == 'on_campus' ? 'selected' : ''}} value="on_campus">On Campus</option>
                                        <option {{$course_item->study_location == 'online' ? 'selected' : ''}} value="online">Online</option>
                                        <option {{$course_item->study_location == 'hybrid' ? 'selected' : ''}} value="hybrid">Hybrid</option>
                                    </select>
                                </div>
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Admission Test</label>
                                    <select id="is_admission_test" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Is Admission Test" name="is_admission_test">
                                        <option {{$course_item->is_admission_test == 0 ? 'selected' : ''}} value="0">No</option>
                                        <option {{$course_item->is_admission_test == 1 ? 'selected' : ''}} value="1">Yes</option>
                                    </select>
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-6 fw-bold mb-2">Offer Scholarship</label>
                                    <select id="is_offer_scholarship" class="form-select form-select-solid" data-control="select2" data-placeholder="Select a Is Offer Scholarship" name="is_offer_scholarship">
                                        <option {{$course_item->is_offer_scholarship == 0 ? 'selected' : ''}} value="0">No</option>
                                        <option {{$course_item->is_offer_scholarship == 1 ? 'selected' : ''}} value="1">Yes</option>
                                    </select>
                                </div>
                                <!--  -->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Admission Test Date</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="date" class="form-control form-control-solid" placeholder="Enter Admission Test Date" name="admission_test_date" value="{{$course_item->admission_test_date}}" autocomplete="off"/>
                                    @if($errors->has('admission_test_date'))
                                        <span class="text-danger">{{ $errors->first('admission_test_date') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Application From Date</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="date" class="form-control form-control-solid" placeholder="Enter Course From Date" name="from_date" value="{{$course_item->from_date}}" autocomplete="off"/>
                                    @if($errors->has('from_date'))
                                        <span class="text-danger">{{ $errors->first('from_date') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Application To Date</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="date" class="form-control form-control-solid" placeholder="Enter Course To Date" name="to_date" value="{{$course_item->to_date}}" autocomplete="off"/>
                                    @if($errors->has('to_date'))
                                        <span class="text-danger">{{ $errors->first('to_date') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>
                                <div class="total-credit-section d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class=" fs-5 fw-bold mb-2">Total Credit</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="number" class="form-control form-control-solid" placeholder="Enter Total Credit" name="total_credit" value="{{$course_item->total_credit}}" autocomplete="off"/>
                                    @if($errors->has('total_credit'))
                                        <span class="text-danger">{{ $errors->first('total_credit') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>
                                {{--                            <div class="d-flex flex-column mb-5 fv-row">--}}
                                {{--                                <!--begin::Label-->--}}
                                {{--                                <label class=" fs-5 fw-bold mb-2">Total Semester</label>--}}
                                {{--                                <!--end::Label-->--}}
                                {{--                                <!--begin::Input-->--}}
                                {{--                                <input type="number" class="form-control form-control-solid" placeholder="Enter Total Semester" name="total_semester" value="{{$course_item->total_semester}}" autocomplete="off" />--}}
                                {{--                                @if($errors->has('total_semester'))--}}
                                {{--                                <span class="text-danger">{{ $errors->first('total_semester') }}</span>--}}
                                {{--                                @endif--}}

                                {{--                                <!--end::Input-->--}}
                                {{--                            </div>--}}
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class=" fs-5 fw-bold mb-2">Class Schedule</label>
                                    <textarea name="class_schedule" id="class_schedule" class="summernote form-control form-control-solid" placeholder="Enter Class Schedule" autocomplete="off">{{$course_item->class_schedule}}</textarea>
                                    @if($errors->has('class_schedule'))
                                        <span class="text-danger">{{ $errors->first('class_schedule') }}</span>
                                    @endif
                                </div>
{{--                                <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                    <label class=" fs-5 fw-bold mb-2">Admission Instruction & process (EN)</label>--}}
{{--                                    <textarea name="description" id="description" class="summernote form-control form-control-solid" placeholder="Enter Admission Instruction & process (EN)" autocomplete="off">{{$course_item->description}}</textarea>--}}
{{--                                    @if($errors->has('description'))--}}
{{--                                        <span class="text-danger">{{ $errors->first('description') }}</span>--}}
{{--                                    @endif--}}
{{--                                </div>--}}


                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class=" fs-5 fw-bold mb-2">Description (EN)</label>
                                    <textarea name="description" id="description" class="summernote form-control form-control-solid" placeholder="Enter Description (EN)" autocomplete="off">{{$course_item->description}}</textarea>
                                    @if($errors->has('description'))
                                        <span class="text-danger">{{ $errors->first('description') }}</span>
                                    @endif
                                </div>

                                <div class="d-flex flex-column mb-5 fv-row">
                                    <label class="fs-5 fw-bold mb-2">Description (BN)</label>
                                    <textarea name="description_bn" id="description_bn"
                                              class="summernote form-control form-control-solid" placeholder="Enter Description (BN)"
                                              autocomplete="off">
                                    {{$course_item->description_bn}}
                                </textarea>
                                    @if($errors->has('description_bn'))
                                        <span class="text-danger">{{ $errors->first('description_bn') }}</span>
                                    @endif
                                </div>

{{--                                <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                    <label class="fs-5 fw-bold mb-2">Admission Instruction & process (BN)</label>--}}
{{--                                    <textarea name="description_bn" id="description_bn"--}}
{{--                                              class="summernote form-control form-control-solid" placeholder="Enter Admission Instruction & process (BN)"--}}
{{--                                              autocomplete="off">--}}
{{--                                    {{$course_item->description_bn}}--}}
{{--                                </textarea>--}}
{{--                                    @if($errors->has('description_bn'))--}}
{{--                                        <span class="text-danger">{{ $errors->first('description_bn') }}</span>--}}
{{--                                    @endif--}}
{{--                                </div>--}}
{{--                                <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                    <label class=" fs-5 fw-bold mb-2">Admission Requirements (EN)</label>--}}
{{--                                    <textarea name="requirements" id="requirements" class="summernote form-control form-control-solid" placeholder="Enter Admission Requirements (EN)" autocomplete="off">{{$course_item->requirements}}</textarea>--}}
{{--                                    @if($errors->has('requirements'))--}}
{{--                                        <span class="text-danger">{{ $errors->first('requirements') }}</span>--}}
{{--                                    @endif--}}
{{--                                </div>--}}
{{--                                <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                    <label class="fs-5 fw-bold mb-2">Admission Requirements (BN)</label>--}}
{{--                                    <textarea name="requirements_bn" id="requirements_bn"--}}
{{--                                              class="summernote form-control form-control-solid" placeholder="Enter Admission Requirements (BN)"--}}
{{--                                              autocomplete="off">--}}
{{--                                    {{$course_item->requirements_bn}}--}}
{{--                                </textarea>--}}
{{--                                    @if($errors->has('requirements_bn'))--}}
{{--                                        <span class="text-danger">{{ $errors->first('requirements_bn') }}</span>--}}
{{--                                    @endif--}}
{{--                                </div>--}}
                                <div class="d-flex mb-5 fv-row">
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                        <span class="required form-check-label fw-bold text-muted" style="margin-right: 10px;margin-left: 0px;">Status</span>
                                        <input class="form-check-input radio-btn" name="status" type="checkbox" value="1" {{$course_item->status == 0 ? '' : 'checked'}} />
                                    </label>
                                    <!--end::Switch-->
                                </div>
                                <div class="d-flex mb-5 fv-row">
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                        <span class="form-check-label fw-bold text-muted" style="margin-right: 10px;margin-left: 0px;">Featured</span>
                                        <input class="form-check-input radio-btn" name="is_featured" type="checkbox" value="1" {{$course_item->is_featured == 0 ? '' : 'checked'}} />
                                    </label>
                                    <!--end::Switch-->
                                </div>
                                <div class="d-flex">
                                    <a style="margin-right:5px;" href="{{route('course.index')}}" class="btn btn-secondary">Back</a>
                                    <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                                        <!--begin::Indicator-->
                                        <span class="indicator-label">Update</span>
                                    </button>
                                </div>
                                <!--end::Form-->
                            </div>
                            <div class="col-md-6 pe-lg-10">
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Banner</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input accept="image/*" type="file" id="banner" name="banner" class="form-control dropify" placeholder="Enter Banner">
                                    <span style="font-size: 12px;color: red;">Suggested image ratio: 1230 x 400 | max-size: 2 MB</span>
                                    @if($errors->has('banner'))
                                        <span class="text-danger">{{ $errors->first('banner') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>
                                <!--begin::Form-->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Thumbnail</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input accept="image/*" type="file" id="thumbnail" name="thumbnail" class="form-control dropify" placeholder="Enter Thumbnail">
                                    <span style="font-size: 12px;color: red;">Suggested image ratio: 400 x 400 | max-size: 1 MB</span>
                                    @if($errors->has('thumbnail'))
                                        <span class="text-danger">{{ $errors->first('thumbnail') }}</span>
                                    @endif

                                    <!--end::Input-->
                                </div>
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Brochure</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input accept="application/pdf" type="file" id="brochure" name="brochure" class="form-control dropify" placeholder="Enter Brochure">
                                    <span style="font-size: 12px;color: red;">max-size: 3 MB</span>
                                    @if($errors->has('brochure'))
                                        <span class="text-danger">{{ $errors->first('brochure') }}</span>
                                    @endif
                                    <!--end::Input-->
                                </div>
                                <!--end::Form-->
                                <div class="d-flex flex-column mb-5 fv-row">
                                    <!--begin::Label-->
                                    <label class="fs-5 fw-bold mb-2">Apply action</label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    {{-- <input accept="application/pdf" type="file" id="brochure" name="brochure" class="form-control dropify" placeholder="Enter Brochure"> --}}
                                    <div class="d-flex">
                                        <div class="form-check form-check-custom form-check-solid">
                                            <input type="radio" name="apply_action" value="1" class="form-check-input" onclick="setApplyBtnAction(this)" id="flexRadioDefault" {{$course_item->apply_action == 1 ? 'checked' : 'checked'}}/>
                                            <label class="form-check-label me-3" for="flexRadioDefault">
                                                Button
                                            </label>
                                        </div>

                                        <label class="form-check form-check-custom form-check-solid">
                                            <input type="radio" name="apply_action" value="2" class="form-check-input" onclick="setApplyBtnAction(this)" {{$course_item->apply_action == 2 ? 'checked' : ''}}/>
                                            <span class="form-check-label me-3">
                                            Link
                                        </span>
                                        </label>

                                        <div class="form-check form-check-custom form-check-solid">
                                            <input type="radio" name="apply_action" value="3" class="form-check-input" onclick="setApplyBtnAction(this)" id="flexRadioChecked" {{$course_item->apply_action == 3 ? 'checked' : ''}} />
                                            <label class="form-check-label me-3" for="flexRadioChecked">
                                                Hidden
                                            </label>
                                        </div>
                                    </div>
                                    <div class="flex-column my-5 fv-row {{$course_item->apply_action == 2 ? 'd-block' : 'd-none'}}" id="buttonLink">
                                        <label class=" fs-5 fw-bold mb-2">Link</label>
                                        <input
                                            type="text" name="action_btn_link"
                                            class="form-control form-control-solid"
                                            placeholder="Enter Link"
                                            value="{{$course_item->action_btn_link}}" autocomplete="off"
                                        />
                                        @if($errors->has('action_btn_link'))
                                            <span class="text-danger">{{ $errors->first('action_btn_link') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>

                                    <div class="d-flex flex-column mt-5 mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="fs-5 fw-bold mb-2">Visit Official Section Title (EN)</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input maxlength="1000" value="{{$course_item->visit_official_title}}" type="text" class="form-control form-control-solid" placeholder="Visit Official Section Title (EN)" name="visit_official_title" autocomplete="off"/>
                                        @if($errors->has('visit_official_title'))
                                            <span class="text-danger">{{ $errors->first('visit_official_title') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="fs-5 fw-bold mb-2">Visit Official Section Title (BN)</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input maxlength="1000" value="{{$course_item->visit_official_title_bn}}" type="text" class="form-control form-control-solid" placeholder="Visit Official Section Title (BN)" name="visit_official_title_bn" autocomplete="off"/>
                                        @if($errors->has('visit_official_title_bn'))
                                            <span class="text-danger">{{ $errors->first('visit_official_title_bn') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="fs-5 fw-bold mb-2">Visit Official Button Text (EN)</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input maxlength="1000" value="{{$course_item->visit_official_button_text}}" type="text" class="form-control form-control-solid" placeholder="Visit Official Button Text (EN)" name="visit_official_button_text" autocomplete="off"/>
                                        @if($errors->has('visit_official_button_text'))
                                            <span class="text-danger">{{ $errors->first('visit_official_button_text') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="fs-5 fw-bold mb-2">Visit Official Button Text (BN)</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input maxlength="1000" value="{{$course_item->visit_official_button_text_bn}}" type="text" class="form-control form-control-solid" placeholder="Visit Official Button Text (BN)" name="visit_official_button_text_bn" autocomplete="off"/>
                                        @if($errors->has('visit_official_button_text_bn'))
                                            <span class="text-danger">{{ $errors->first('visit_official_button_text_bn') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="fs-5 fw-bold mb-2">Visit Official Button Link</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input maxlength="1000" value="{{$course_item->visit_official_button_link}}" type="text" class="form-control form-control-solid" placeholder="Visit Official Button Link" name="visit_official_button_link" autocomplete="off"/>
                                        @if($errors->has('visit_official_button_link'))
                                            <span class="text-danger">{{ $errors->first('visit_official_button_link') }}</span>
                                        @endif
                                        <!--end::Input-->
                                    </div>
                                    <!--end::Input-->
                                </div>
                            </div>
                        </div>

                        <!--end::Submit-->
                    </form>

                </div>
                <!--end::Body-->
            </div>
            <!--end::Contact-->
        </div>
        <!--end::Container-->
    </div>
    <!--end::Post-->
@endsection

@section('extra-css')
    <link href="{{ asset('css/toastr.css') }}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="{{ asset('css/dropify.min.css') }}">
    <link rel="stylesheet" href="{{ asset('summernote/summernote.css') }}">
@endsection

@section('extra-script')
    <script>
        $(document).ready(function () {
            $('.menu-item-course-management').addClass('here');
            $('.menu-item-course-management').addClass('show');
            $('.menu-sub-item-course-management').addClass('active');
        });
    </script>
    <script src="{{ asset('js/toastr.min.js') }}"></script>
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    <script src="{{ asset('js/dropify.min.js') }}"></script>
    <script src="{{ asset('summernote/summernote.min.js') }}"></script>

    //validate form
    <script>

        const trainingSection = document.querySelector(".training-section");
        const iebSection = document.querySelector(".ieb-section");
        const totalCreditSection = document.querySelector(".total-credit-section");
        const institutes = null;
        let execute = true;

        $(function () {
            $("form[name='institute']").validate({
                ignore: ".note-editable.panel-body",
                rules: {
                    institute_id: 'required',
                    course_id: 'required',
                    department_id: 'required',
                    category_type_id: 'required',
                    category_id: 'required',
                    session_id: 'required',
                    slug: 'required',
                    // description: 'required',
                    // single_price: 'required',
                    // average_price: 'required',
                    // admission_test_date: 'required',
                    // from_date: 'required',
                    // to_date: 'required',
                    // class_schedule: 'required',
                    // total_credit: 'required',
                    // total_semester: 'required',
                    // requirements: 'required',
                    // duration: 'required',
                },
                messages: {
                    institute_id: "institute is required.",
                    course_id: 'Course is required.',
                    department_id: "Department is required.",
                    category_type_id: "Main Category is required.",
                    category_id: "Category is required.",
                    session_id: "Session is required.",
                    slug: "Slug is required.",
                    description: "Description is required.",
                    single_price: "Single Price is required.",
                    average_price: "Average Price is required.",
                    admission_test_date: "Admission Test Date is required.",
                    from_date: "Course From Date is required.",
                    to_date: "Course To Date is required.",
                    class_schedule: "Class Schedule is required.",
                    // total_credit: "Total Credit is required.",
                    // total_semester: "Total Semester is required.",
                    requirements: "Requirements is required.",
                    duration: "Duration is required.",
                },
                submitHandler: function (form) {
                    form.submit();
                }
            });
        });

        // show hide training section
        function showHideTrainingSection(instituteId) {
            // console.log('LOL');
            let instituteType = 0;
            const findItem = institutes?.find(item => {
                return item.id == instituteId;
            })
            if (findItem) {
                instituteType = findItem.institute_basic.institute_type;
                // console.log('LOL', instituteType);
            }
            if (instituteType == 1) {
                totalCreditSection.style.display = "none";
                iebSection.style.display = "inline-block";
            } else if (instituteType == 2) {
                trainingSection.style.display = "inline-block";
                iebSection.style.display = "none";
            } else {
                totalCreditSection.style.display = "none";
                trainingSection.style.display = "none";
                iebSection.style.display = "none";
            }
        }

        if (execute) {
            showHideTrainingSection('{{$course_item->institute_id}}')
            execute = false;
        }


    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.summernote').summernote({
                height: 200,
                popover: {
                    image: [],
                    link: [],
                    air: []
                }
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            var editData = {!! json_encode($course_item) !!};

            if (editData && editData.banner) {
                var imageUrl = "{{URL::asset($course_item->banner)}}";
                var drEvent = $('#banner').dropify(
                    {
                        defaultFile: imageUrl
                    });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            } else {
                var drEvent = $('#banner').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }


            if (editData && editData.thumbnail) {
                var imageUrl = "{{URL::asset($course_item->thumbnail)}}";
                var drEvent = $('#thumbnail').dropify(
                    {
                        defaultFile: imageUrl
                    });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            } else {
                var drEvent = $('#thumbnail').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }

            if (editData && editData.brochure) {
                var imageUrl = "{{URL::asset($course_item->brochure)}}";
                var drEvent = $('#brochure').dropify(
                    {
                        defaultFile: imageUrl
                    });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            } else {
                var drEvent = $('#brochure').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }


            if (editData.institute_id) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-department-list')}}?institute_id=" + editData.institute_id,
                    success: function (res) {
                        if (res) {
                            $("#department_id").empty();
                            $("#department_id").append('<option selected disabled>Select Department</option>');
                            $.each(res, function (key, value) {
                                if ((editData.department.title == value) && (editData.department.user_id == editData.institute_id)) {
                                    $("#department_id").append('<option selected value="' + key + '">' + value + '</option>');
                                } else {
                                    $("#department_id").append('<option value="' + key + '">' + value + '</option>');
                                }
                            });
                        } else {
                            $("#department_id").empty();
                        }
                    }
                });

                $.ajax({
                    type: "GET",
                    url: "{{url('get-session-list')}}?institute_id=" + editData.institute_id,
                    success: function (res) {
                        if (res) {

                            $("#session_id").empty();
                            $("#session_id").append('<option selected disabled>Select Session</option>');
                            $.each(res, function (key, value) {
                                if (editData.session_id == Number(key)) {
                                    $("#session_id").append('<option selected value="' + key + '">' + value + '</option>');
                                } else {
                                    $("#session_id").append('<option value="' + key + '">' + value + '</option>');
                                }
                            });
                        } else {
                            $("#session_id").empty();
                        }
                    }
                });
            }
            if (editData.course_name_id) {
                $.ajax({
                    type: "POST",
                    url: "{{url('get-course-list')}}",
                    data: {department_id: editData?.department?.id, institute_id: editData.institute_id, _token: "{{ csrf_token() }}"},
                    success: function (res) {
                        if (res) {
                            $("#course_id").empty();
                            $("#course_id").append('<option>Select Course</option>');
                            $.each(res, function (key, value) {
                                if (editData.course_name_id == Number(key)) {
                                    $("#course_id").append('<option selected value="' + key + '">' + value + '</option>');
                                } else {
                                    $("#course_id").append('<option value="' + key + '">' + value + '</option>');
                                }
                            });

                        } else {
                            $("#course_id").empty();
                        }
                    }
                });
            }

            if (editData.category_type_id) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-category-list-by-category-type')}}?category_type_id=" + editData.category_type_id,
                    success: function (res) {
                        if (res) {
                            $("#category_id").empty();
                            $("#category_id").append('<option>Select Category</option>');
                            if (res.length > 0) {
                                $.each(res, function (key, value) {
                                    $("#category_id").append('<option ' + (editData.category_id == value?.id ? 'selected' : '') + ' value="' + value?.id + '">' + value?.name + '</option>');

                                    if (value.children.length > 0) {
                                        var level = 0;
                                        childView(value.children, level);
                                    }
                                });

                            }
                        } else {
                            $("#category_id").empty();
                        }
                    }
                });
            }
        });

        function childView(children, level) {
            var editData = {!! json_encode($course_item) !!};

            $.each(children, function (key, value) {
                level = level + 1;
                var gap = '';
                for (var i = 0; i < level; i++) {
                    gap = gap + '--';
                }
                console.log('editData.category_id', editData.category_id);
                console.log('value?.id', value?.id);
                $("#category_id").append('<option ' + (editData.category_id == value?.id ? 'selected' : '') + ' value="' + value?.id + '">' + gap + ' ' + value?.name + '</option>');

                if (value.children.length > 0) {
                    childView(value.children, level);
                }
            });
        }

        // $('#buttonLink').hide()
        setApplyBtnAction = (e) => {
            console.log('first', e.value)
            if (e.value == 2) {
                $('#buttonLink').removeClass("d-none");
                $('#buttonLink').addClass("d-block");
            } else {
                $('#buttonLink').removeClass("d-block");
                // $('#buttonLink').attr("class", "textboxRight");
                $('#buttonLink').addClass("d-none");
            }
        }
    </script>
    <script type="text/javascript">
        @if(Session::has('message'))
        var type = "{{Session::get('alert-type', 'info')}}"
        switch (type) {
            case 'info':
                toastr.info("{{Session::get('message')}}");
                break;
            case 'success':
                toastr.success("{{Session::get('message')}}");
                break;
            case 'warning':
                toastr.warning("{{Session::get('message')}}");
                break;
            case 'error':
                toastr.error("{{Session::get('message')}}");
                break;
        }
        @endif

        @if(count($errors) > 0)
        @foreach($errors->all() as $error)
        toastr.error("{{ $error }}");
        @endforeach
        @endif
    </script>
    <script>
        var oldDiv = "{{old('institute_id')}}";
        $('#institute_id').change(function () {
            var institute_id = $(this).val();
            oldDiv = "{{old('institute_id')}}";
            if (institute_id) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-department-list')}}?institute_id=" + institute_id,
                    success: function (res) {
                        if (res) {
                            $("#department_id").empty();
                            $("#course_id").empty();
                            $("#department_id").append('<option selected>Select Department</option>');
                            $.each(res, function (key, value) {
                                $("#department_id").append('<option value="' + key + '">' + value + '</option>');
                            });
                        } else {
                            $("#department_id").empty();
                            $("#course_id").empty();
                        }
                    }
                });
            } else {
                $("#department_id").empty();
                // $("#category_id").empty();
                $("#course_id").empty();
            }
        });
        $('#department_id').on('change', function () {
            var institute_id = $('#institute_id').val();
            console.log('institute_id', institute_id);
            var department_id = $(this).val();
            let oldCourse = "{{old('course_id')}}";
            if (department_id) {

                $.ajax({
                    type: "POST",
                    url: "{{url('get-course-list')}}",
                    data: {department_id: department_id, institute_id: institute_id, _token: "{{ csrf_token() }}"},
                    success: function (res) {
                        if (res) {
                            $("#course_id").empty();
                            $("#course_id").append('<option>Select Course</option>');
                            $.each(res, function (key, value) {
                                $("#course_id").append('<option value="' + key + '">' + value + '</option>');
                            });
                        } else {
                            $("#course_id").empty();
                        }
                    }
                });
            } else {
                $("#course_id").empty();
            }
        });

        $('#institute_id').change(function () {
            var institute_id = $(this).val();
            let oldSession = "{{old('session_id')}}";
            if (institute_id) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-session-list')}}?institute_id=" + institute_id,
                    success: function (res) {
                        if (res) {
                            $("#session_id").empty();
                            $("#session_id").append('<option selected disabled>Select Session</option>');
                            $.each(res, function (key, value) {
                                $("#session_id").append('<option value="' + key + '">' + value + '</option>');
                            });
                            if (oldDiv) {
                                $("#session_id").trigger("change");
                            }
                        } else {
                            $("#session_id").empty();
                        }
                    }
                });
            } else {
                $("#session_id").empty();
            }
        });
        $('#category_type_id').change(function () {
            var category_type_id = $(this).val();
            if (category_type_id) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-category-list-by-category-type')}}?category_type_id=" + category_type_id,
                    success: function (res) {
                        if (res) {
                            $("#category_id").empty();
                            $("#category_id").append('<option>Select Category</option>');
                            if (res.length > 0) {
                                $.each(res, function (key, value) {
                                    $("#category_id").append('<option value="' + value?.id + '">' + value?.name + '</option>');
                                    if (value.children.length > 0) {
                                        var level = 0;
                                        childView(value.children, level);
                                    }
                                });

                            }
                        } else {
                            $("#category_id").empty();
                        }
                    }
                });
            } else {
                $("#category_id").empty();
            }
        });

    </script>
@endsection