@extends('admin.layouts.app')
@section('title')
{{ __('edit') }}
@endsection
@section('content')
    <div class="container-fluid">
        <form class="form-horizontal" action="{{ route('course.update', $courses->id) }}"
            method="POST">
            @method('PUT')
            @csrf
           
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title line-height-36">{{ __('course') }} {{ __('edit') }}</h4>
                    <button type="submit" class="btn btn-success float-right">
                        <i class="fas fa-sync"></i>&nbsp; {{ __('update') }}</button>
                </div>
            </div>
         
            <div class="row">
                
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab"> {{ __('course_details') }}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">{{ __('required_details') }}</a>
                                </li>
                                <!-- <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">Third Panel</a>
                                </li> -->
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">Highlight</a>
                                </li>
                            </ul>
                        
                        </div>
                        <div class="card-body tab-content">
                            
                          
                   
                    <div class="card tab-pane active" id="tabs-1" role="tabpanel">
                        <div class="card-header">
                            {{ __('course_details') }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="name"/>
                                    <x-forms.input type="text" name="name" placeholder="Enter Name"  value="{{ old('name', $courses->name ) }}"/>
                                </div>

                                <div class="form-group col-6">
                                    <x-forms.label name="URL"/>
                                    <x-forms.input type="text" name="url" placeholder="URL" value="{{ old('url', $courses->url ) }}"/>
                                </div> 
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Meta title" :required="false"/>
                                    <x-forms.input type="text" name="meta_title" placeholder="Enter meta Title" value="{{ old('meta_title', $courses->meta_title ) }}"/>
                                    <x-forms.error name="Meta title" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Duration Value" :required="false"/>
                                    <x-forms.input type="number" name="durationValue" placeholder="Enter Duration Value"  value="{{ old('durationValue',$courses->durationValue) }}"/>
                                </div> 
                               
                            
                            </div>

                            <div class="row">
                                
                                <div class="form-group col-6">
                                    <x-forms.label name="Meta Description" :required="false"/> 
                                    <textarea type="text" class="form-control" name="meta_description" placeholder="Enter meta Description" >{{ old('meta_description',$courses->meta_description) }}</textarea>

                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Page Content" :required="false"/> 
                                    <textarea type="text" class="form-control" name="page_content" placeholder="Enter Page Content" >{{ old('page_content',$courses->page_content) }}</textarea>

                                </div>
                           
                            </div>

                            <div class="row">
                                <div class="form-group col-12">
                                    <x-forms.label name="Meta keywords" :required="false"/>
                                    <x-forms.input type="text" name="meta_keywords" placeholder="Enter meta keywords" value="{{ old('meta_keywords',$courses->meta_keywords) }}"/>
                                </div>
                            </div>                            
                           
                           
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Admission Website" :required="false"/>
                                    <x-forms.input type="text" name="admission_website" placeholder="Enter Admission Website"  value="{{ old('admission_website',$courses->meta_keywords) }}"/>
                                </div> 
                                <div class="form-group col-6">
                                    <x-forms.label name="Year Of Establishment" :required="false"/>
                                    <input type="number"  min="1900" max="2099" class="form-control" name="year_of_establishment" placeholder="Enter Year Of Establishment"  value="{{ old('year_of_establishment',$courses->year_of_establishment) }}"/>
                                </div> 
                             
                              
                            </div>

                  

                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Application Process" :required="false"/> 
                                    <textarea type="text" class="form-control" name="application_process" placeholder="Enter Application Process" >{{ old('application_process',$courses->application_process) }}</textarea>

                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Scholarships" :required="false"/> 
                                    <textarea type="text" class="form-control" name="scholarships" placeholder="Enter Scholarships" >{{ old('scholarships',$courses->scholarships) }}</textarea>

                                </div>
                            </div>   



                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Time Of Learning" :required="false"/>
                                    <x-forms.input type="text" name="timeOfLearning" placeholder="Enter Time Of Learning"  value="{{ old('timeOfLearning',$courses->timeOfLearning) }}"/>
                                </div> 
                                <div class="form-group col-6">
                                    <x-forms.label name="Difficulty Level" :required="false"/>
                                    <x-forms.input type="text" name="difficultyLevel" placeholder="Enter Difficulty Level"  value="{{ old('difficultyLevel',$courses->difficultyLevel) }}"/>
                                </div> 
                              
                            </div>

                            <!-- <div class="form-group col-6">
                            <x-forms.label name="Type Of University" :required="false"/>
                            <x-forms.input type="text" name="type_of_university" placeholder="Enter Type Of University"  value="{{ old('type_of_university') }}"/>
                            </div>  -->
                          

    
                        </div>
                    </div>
                    <div class="card tab-pane" id="tabs-2" role="tabpanel">
                        <div class="card-header">
                            {{ __('required_details') }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-6">
                                    
                                    <x-forms.label name="{{ __('select_university') }}" :required="true"/>
                                    
                                    <select name="university_id"
                                        class="form-control select2bs4 {{ error('university_id') }}"
                                        id="university_id">
                                        <option value="" class="d-none">
                                            {{ __('select_university') }}
                                        </option>
                                        @foreach ($universities as $universitie)
                                       
                                            <option {{ $universitie->id  == old('university_id') ? 'selected' : '' }}
                                                value="{{ $universitie->id }}" {{ $universitie->id == $courses->university_id ? 'selected' : '' }}>
                                                {{ $universitie->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="university_id" />
                                </div>
                             
                              
                                <div class="form-group col-6">
                                    <x-forms.label name="country" :required="true"/>
                                    <select name="country_id"
                                        class="form-control select2bs4 {{ error('country_id') }}"
                                        id="country_id">
                                        <option value="" class="d-none">
                                            {{ __('select_country') }}
                                        </option>
                                        @foreach ($countries as $country)
                                            <option {{ $country->id == old('country_id') ? 'selected' : '' }}
                                                value="{{ $country->id }}" {{ $country->id == $find_country_id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="country_id" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="state"/>
                                    <select name="state_id"
                                        class="form-control select2bs4 {{ error('state_id') }}"
                                        id="state_id">
                                        <option value="" class="d-none">
                                            {{ __('select_state') }}
                                        </option>
                                        @foreach ($states as $state)
                                            <option {{ $state->id  == old('state_id') ? 'selected' : '' }}
                                                value="{{ $state->id }}"  {{ $state->id == $find_state_id ? 'selected' : '' }}>
                                                {{ $state->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="state_id" />
                                </div>
                               
                                <div class="form-group col-6">
                                    
                                    <x-forms.label name="city" :required="true"/>
                                    
                                    <select name="city_id"
                                        class="form-control select2bs4 {{ error('city_id') }}"
                                        id="city_id">
                                        <option value="" class="d-none">
                                            {{ __('select_city') }}
                                        </option>
                                        @foreach ($citys as $city)
                                       
                                            <option {{ $city->id  == old('city_id') ? 'selected' : '' }}
                                                value="{{ $city->id }}" {{ $city->id == $courses->city_id ? 'selected' : '' }}>
                                                {{ $city->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="city_id" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Course Level" />
                                    <select name="course_level_id"
                                        class="form-control select2bs4 {{ error('course_level_id') }}"
                                        id="course_level_id">
                                        <option value="" class="d-none">
                                            {{ __('select_course_level') }}
                                        </option>
                                        @foreach ($course_levels as $course_level)
                                            <option {{ $course_level->id  == old('course_level_id') ? 'selected' : '' }}
                                                value="{{ $course_level->id }}" {{ $course_level->id == $courses->course_level_id ? 'selected' : '' }}>
                                                {{ $course_level->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="course_level_id" />
                                </div>
                               
                                <div class="form-group col-6">
                                    
                                    <x-forms.label name="Course Categories" :required="true"/>
                                    
                                    <select name="course_categories_id"
                                        class="form-control select2bs4 {{ error('course_categories_id') }}"
                                        id="course_categories_id">
                                        <option value="" class="d-none">
                                            {{ __('select_course_categories') }}
                                        </option>
                                        @foreach ($course_categories as $course_categorie)
                                       
                                            <option {{ $course_categorie->id  == old('course_categories_id') ? 'selected' : '' }}
                                                value="{{ $course_categorie->id }}" {{ $course_categorie->id == $courses->course_categories_id ? 'selected' : '' }}>
                                                {{ $course_categorie->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="course_categories_id" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Education Type"/>
                                    <select name="educationType"
                                    class="form-control {{ error('educationType') }}"
                                    id="educationType">
                                        <option value="" class="d-none">
                                            {{ __('select_educationType') }}
                                        </option>
                                        <option {{ old('educationType') == 'Full Time' ? 'selected' : '' }}
                                        value="Full Time" {{ $courses->educationType == 'Full Time' ? 'selected' : '' }}>Full Time</option>
                                        <option {{ old('educationType') == 'Part Time' ? 'selected' : '' }}
                                        value="Part Time" {{ $courses->educationType == 'Part Time' ? 'selected' : '' }}>Part Time</option>
                                    </select>     
                                </div>

                                <div class="form-group col-6">
                                    <x-forms.label name="Duration Unit"/>
                                    <select name="durationUnit"
                                    class="form-control {{ error('durationUnit') }}"
                                    id="durationUnit">
                                        <option value="" class="d-none">
                                            {{ __('select_durationUnit') }}
                                        </option>
                                        <option {{ old('durationUnit') == 'months' ? 'selected' : '' }}
                                        value="months" {{ $courses->durationUnit == 'months' ? 'selected' : '' }}>{{ __('months') }}</option>
                                        <option {{ old('durationUnit') == 'weeks' ? 'selected' : '' }}
                                        value="years" {{ $courses->durationUnit == 'years' ? 'selected' : '' }}>{{ __('years') }}</option>
                                        <option {{ old('durationUnit') == 'weeks' ? 'selected' : '' }}
                                        value="weeks" {{ $courses->durationUnit == 'weeks' ? 'selected' : '' }}>{{ __('weeks') }}</option>
                                    </select>     
                                </div>
                              
                            </div>

                            <div class="row">
                               

                                <div class="form-group col-6">
                                    <x-forms.label name="Delivery Method"/>
                                    <select name="deliveryMethod"
                                    class="form-control {{ error('deliveryMethod') }}"
                                    id="deliveryMethod">
                                        <option value="" class="d-none">
                                            {{ __('select_deliveryMethod') }}
                                        </option>
                                        <option {{ old('deliveryMethod') == 'Classroom' ? 'selected' : '' }}
                                        value="Classroom" {{ $courses->deliveryMethod == 'Classroom' ? 'selected' : '' }}>{{ __('classroom') }}</option>
                                        <option {{ old('deliveryMethod') == 'Online' ? 'selected' : '' }}
                                        value="Online" {{ $courses->deliveryMethod == 'Online' ? 'selected' : '' }}>{{ __('online') }}</option>
                                    </select>     
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="status"/>
                                    <select name="status"
                                    class="form-control {{ error('status') }}"
                                    id="status">
                                        <option {{ old('status') == '1' ? 'selected' : '' }}
                                        value="1" {{ $courses->status == '1' ? 'selected' : '' }}>{{ __('active') }}</option>
                                        <option {{ old('status') == '0' ? 'selected' : '' }}
                                        value="0" {{ $courses->status == '0' ? 'selected' : '' }}>{{ __('inactive') }}</option>
                                    </select>     
                                </div>
                             
                            </div>



                        </div>
                    </div>


                    <div class="card tab-pane" id="tabs-4" role="tabpanel">
                        <div class="card-header">
                            {{ __('Highlight') }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-12">
                                    <x-forms.label name="Highlight Description" :required="false" />
                                    <textarea id="editor1" rows="8" name="highlight_description" placeholder="Highlight Description" class="form-control">{{ old('highlight_description',$courses->highlight_description) }}</textarea>
                                </div>
                              
                            </div>
                        </div>
                    </div>
                 
                    <div class="card tab-pane" id="tabs-3" role="tabpanel">
                        <div class="card-header">
                            {{ __('course_information') }}
                        </div>
                        <div class="card-body">
                                <!-- <div class="row">
                                    <div class="form-group col-6">
                                        <x-forms.label name="Entry Requirements" :required="false"/> 
                                        <textarea type="text" class="form-control" name="entry_requirements" placeholder="Enter Entry Requirements" >{{ old('entry_requirements') }}</textarea>

                                    </div>
                                    <div class="form-group col-6">
                                        <x-forms.label name="Fees Expenses" :required="false"/> 
                                        <textarea type="text" class="form-control" name="fees_expenses" placeholder="Enter Fees Expenses" >{{ old('fees_expenses') }}</textarea>
        
                                    </div>
                                </div>    -->

                               


                                <!-- <div class="row">
                                        <div class="card form-group col-12">
                                                        <div class="card-header">
                                                            {{ __('Fees Expenses') }}
                                                       </div>
                                                       <div class="card-body">
                                                            <div class="row">
                                                            <div class="form-group col-3">
                                                                <x-forms.label name="Fees label Description" :required="false"/>
                                                                <x-forms.input type="text" name="label[0]" placeholder="Enter label 1"  value="{{ old('label[0]') }}"/>
                                                            </div> 
                                                            <div class="form-group col-9">
                                                                <x-forms.label name="Fees label Amount" :required="false"/>
                                                                <x-forms.input type="text" name="label[1]" placeholder="label 2"  value="{{ old('label[1]') }}"/>
                                                            </div> 
                                                        
                                                            </div>
                                                            <div class="row">
                                                                <div class="form-group col-12">
                                                                    <div class="multiple_feature_tuitionFeesData_links">
                                                                        <div class="row">
                                                                            <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Fees Description" :required="false" />
                                                                                    <x-forms.input type="text" name="tuitionFeesData[0][description]" placeholder="Fees Description" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Amount Pound" :required="false" />
                                                                                    <x-forms.input type="text" name="tuitionFeesData[0][Pound]" placeholder="Pound" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Amount INR" :required="false" />
                                                                                    <x-forms.input type="text" name="tuitionFeesData[0][INR]" placeholder="INR" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                <x-forms.label name="Add Fees" :required="false" /><br/>
                                                                                <a role="button" onclick="add_features_tuitionFeesData_links()"
                                                                                    class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                                            </div>
                                                                        </div>
                                                                   
                                                                    </div>


                                                                   
                                                                </div>
                                                                <div class="form-group col-12">
                                                                <div class="customer_records_dynamic"></div>
                                                                </div>
                                                                
                                                            </div>
                                                            
                                                            <div class="row">
                                                                <div class="form-group col-12">
                                                                    <div id="multiple_feature_otherExpenseData_links">
                                                                        <div class="row">
                                                                        <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Other Expense Description" :required="false" />
                                                                                    <x-forms.input type="text" name="otherExpenseData[0][description]" placeholder="Other Expense Description" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Amount Pound" :required="false" />
                                                                                    <x-forms.input type="text" name="otherExpenseData[0][Pound]" placeholder="Pound" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                    <x-forms.label name="Amount INR" :required="false" />
                                                                                    <x-forms.input type="text" name="otherExpenseData[0][INR]" placeholder="INR" />
             
                                                                            </div>
                                                                            <div class="form-group col-md-3">
                                                                                <x-forms.label name="Add Other Expense" :required="false" /><br/>
                                                                                <a role="button" onclick="add_features_otherExpenseData_links()"
                                                                                    class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                                            </div>
                                                                        </div>
                                                                   
                                                                    </div>
                                                                </div>
                                                            </div>

                                    
                                                            <div class="row">
                                                                <div class="form-group col-md-6">
                                                                        <x-forms.label name="Currency Name" :required="false" />
                                                                        <x-forms.input type="text" name="currencyName" placeholder="Currency Name" />
    
                                                                </div>
                                                                <div class="form-group col-md-6">
                                                                        <x-forms.label name="Conversion Rate" :required="false" />
                                                                        <x-forms.input type="text" name="conversionRate" placeholder="Conversion Rate" />
    
                                                                </div>
                                                            </div>
                                                        </div> 
                                        </div>
                                    
                                </div > -->
               
                         
                        </div>
                    </div>
                    </div>
                </div>
                </div>
             
               
            </div>
            
        </form>
    </div>
@endsection

@section('style')
<link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 170px;
        }

        .c-btn {
            padding-left: 22px;
            padding-right: 22px;
            border-radius: 15px;
        }

        .custom-control {
            position: relative;
            z-index: 1;
            display: block;
            min-height: 1.5rem;
            padding-left: 0;
            padding-right: 1.5rem;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }
    </style>
@endsection

@section('script')
<script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script>
             $('.select2bs4').select2({
            theme: 'bootstrap4'
        })
        ClassicEditor
            .create(document.querySelector('#editor1'))
            .catch(error => {
                console.error(error);
            });

        function pushClass(arg) {
            $('.c-btn').removeClass('btn-primary text-white');
            $('#' + arg).addClass('btn-primary text-white');
        }

  

    </script>
@endsection