@extends('admin.layouts.app')
@section('title')
    {{ __('course') }}
@endsection

@section('content')
    <div class="container-fluid">
        <form class="form-horizontal" action="{{ route('course.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title line-height-36">{{ __('course') }} {{ __('create') }}</h4>
                    <button type="submit"
                        class="btn bg-success float-right d-flex align-items-center justify-content-center">
                        <i class="fas fa-plus mr-1"></i>
                        {{ __('save') }}
                    </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>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-5" role="tab">{{__('meta_tags') }}</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-6" role="tab">Exams</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-7" role="tab">Academic</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#tabs-8" role="tab">Intake</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" />
                                </div>

                                <div class="form-group col-6">
                                    <x-forms.label name="URL"/>
                                    <x-forms.input type="text" name="url" placeholder="URL" />
                                </div> 
                            </div>
                            <div class="row">
                                <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') }}"/>
                                </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">{{ __('months') }}</option>
                                        <option {{ old('durationUnit') == 'weeks' ? 'selected' : '' }}
                                        value="years">{{ __('years') }}</option>
                                        <option {{ old('durationUnit') == 'weeks' ? 'selected' : '' }}
                                        value="weeks">{{ __('weeks') }}</option>
                                    </select>     
                                </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" /> --}}
                                </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') }}"/>
                                </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') }}"/>
                                </div> 
                             
                              
                            </div>

                  

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

                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Scholarships" :required="false"/> 
                                    <textarea class="form-control" name="scholarships" placeholder="Enter Scholarships" >{{ old('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') }}"/>
                                </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') }}</textarea>
                             </div>                                                          
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Currency" :required="false"/>
                                    <x-forms.input type="text" name="Currency" placeholder="Enter Currency"  value="{{ old('Currency') }}"/>
                                    {{-- <textarea class="form-control" name="International_Description" rows="5" cols="20" placeholder="Enter International Description">{{ old('International_Description') }}</textarea> --}}

                                </div> 

                            <div class="form-group col-6">
                                    <x-forms.label name="Amount" :required="false"/> 
                                    <x-forms.input type="number" name="Amount" placeholder="Enter Amount"  value="{{ old('Amount') }}"/>
                                    {{-- <textarea class="form-control" name="Description" rows="5" cols="20" placeholder="Enter Page Content">{{ old('Description') }}</textarea> --}}

                             </div>                                                          
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="International Description" :required="false"/>
                                    <textarea class="form-control" name="International_Description" rows="5" cols="20" placeholder="Enter International Description">{{ old('International_Description') }}</textarea>

                                </div> 

                            <div class="form-group col-6">
                                    <x-forms.label name="Description" :required="false"/> 
                                    <textarea class="form-control" name="Description" rows="5" cols="20" placeholder="Enter Description ">{{ old('Description') }}</textarea>

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

                                </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->name }}
                                            </option>
                                        @endforeach
                                    </select> --}}
                                    <select name="university_id" id="university_id" class="form-control select2university {{ error('university_id') }}">
                                        <option value="">{{ __('select_university') }}</option>
                                    </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->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->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->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->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->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">Full Time</option>
                                        <option {{ old('educationType') == 'Part Time' ? 'selected' : '' }}
                                        value="Part Time">Part Time</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">{{ __('active') }}</option>
                                        <option {{ old('status') == '0' ? 'selected' : '' }}
                                        value="0">{{ __('inactive') }}</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">{{ __('classroom') }}</option>
                                        <option {{ old('deliveryMethod') == 'Online' ? 'selected' : '' }}
                                        value="Online">{{ __('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">{{ __('active') }}</option>
                                        <option {{ old('status') == '0' ? 'selected' : '' }}
                                        value="0">{{ __('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') }} </textarea>
                                </div>
                              
                            </div>
                        </div>
                    </div>

                    <div class="card tab-pane" id="tabs-5" role="tabpanel">
                        <div class="card-header">
                            {{ __('meta_tags') }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="form-group col-12">
                                    <x-forms.label name="Meta title" :required="false"/>
                                    <x-forms.input type="text" name="meta_title" placeholder="Enter meta Title" />
                                    <x-forms.error name="meta_title" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-12">
                                    <x-forms.label name="Meta Description" :required="false"/> 
                                    <textarea type="text" class="form-control" name="meta_description" placeholder="Enter meta Description" >{{ old('meta_description') }}</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" />
                                </div>
                            </div>                            
                        </div>
                    </div>
                    <div class="card tab-pane" id="tabs-6" role="tabpanel">
                        <div class="card-header">
                            {{ __('Exams') }}
                        </div>
                        <div class="card-body">
                            <div class="row"> 
                            <div class="form-group col-6 mb-0">
                                <div class="row ml-1 mb-2">
                                    <div class="col-1 form-group mb-0 px-0"><p><strong>SAT</strong></p></div>
                                        
                                        <div class="d-flex col-10">
                              
                                        <div class="form-check ml-3">
                                            <input class="form-check-input" type="radio" name="satRequired" id="sat_yes" value="1">
                                            <label class="form-check-label" for="sat_yes">Yes</label>
                                        </div>
                                        <div class="form-check ml-3">
                                            <input class="form-check-input" type="radio" name="satRequired" id="sat_no" value="0">
                                            <label class="form-check-label" for="sat_no">No</label>
                                        </div>
                                    </div>
                                    
                                
                            </div>
                        </div>
                   
                        <div class="form-group col-6 mb-0">
                            <div class="row ml-1 mb-2">
                                <div class="col-1 form-group mb-0 px-0"><p><strong>Pte</strong></p></div>
                                    
                                    <div class="d-flex col-10">
                          
                                        
                                        <div class="form-check ml-3 ">
                                            <input class="form-check-input" type="radio" name="PteRequired" id="sat_yes" value="1">
                                            <label class="form-check-label" for="Pte_yes">Yes</label>
                                        </div>
                                        <div class="form-check ml-3">
                                            <input class="form-check-input" type="radio" name="PteRequired" id="sat_no" value="0">
                                            <label class="form-check-label" for="Pte_no">No</label>
                                        </div>
                                    </div>
                                    
                                
                            </div>
                        </div>
                    </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="row ml-1 mb-2">
                                    <div class="col-1 form-group mb-0 px-0"><p><strong>Gmat</strong></p></div>
                                        
                                        <div class="d-flex col-10">
                                              
                                                
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="GmatRequired" id="Gmat_yes" value="1">
                                                    <label class="form-check-label" for="Gmat_yes">Yes</label>
                                                </div>
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="GmatRequired" id="sat_no" value="0">
                                                    <label class="form-check-label" for="Gmat_no">No</label>
                                                </div>
                                            </div>
                                            
                                        
                                    </div>
                            </div>
                            <div class="col-6">                               
                                    <div class="row ml-1 mb-2">
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>Act</strong></p></div>
                                        <div class="d-flex col-10 " >
                                              
                                                
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="ActRequired" id="Act_yes" value="1">
                                                    <label class="form-check-label" for="Act_yes">Yes</label>
                                                </div>
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="ActRequired" id="Act_no" value="0">
                                                    <label class="form-check-label" for="Act_no">No</label>
                                                </div>
                                            </div>
                                    </div>                             
                               </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="row ml-1 mb-2">
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>Gre</strong></p></div>
                                        <div class="d-flex col-10 " >
                                   
                                                
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="GreRequired" id="Gre_yes" value="1">
                                                    <label class="form-check-label" for="Gre_yes">Yes</label>
                                                </div>
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="GreRequired" id="Gre_no" value="0">
                                                    <label class="form-check-label" for="Gre_no">No</label>
                                                </div>
                                            </div>
                                            
                                        
                                    </div>

                                </div>
                                <div class="col-6">
                                    <div class="row ml-1 mb-2">
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>DET</strong></p></div>
                                        <div class="d-flex col-10 ">
                                                
                                                
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="DETRequired" id="DET_yes" value="1">
                                                    <label class="form-check-label" for="DET_yes">Yes</label>
                                                </div>
                                                <div class="form-check ml-3">
                                                    <input class="form-check-input" type="radio" name="DETRequired" id="DET_no" value="0">
                                                    <label class="form-check-label" for="DET_no">No</label>
                                                </div>
                                            </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 ">
                                    <div class="row ml-1 mb-2" >
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>Toefl</strong></p></div>
                                   
                        
                                            <div class="d-flex col-10 ">
                                                   
                                                    
                                                    <div class="form-check ml-3">
                                                        <input class="form-check-input" type="radio" name="ToeflRequired" id="Toefl_yes" value="1">
                                                        <label class="form-check-label" for="Toefl_yes">Yes</label>
                                                    </div>
                                                    <div class="form-check ml-3">
                                                        <input class="form-check-input" type="radio" name="ToeflRequired" id="Toefl_no" value="0">
                                                        <label class="form-check-label" for="Toefl_no">No</label>
                                                    </div>
                                                </div>
                                        
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="row ml-1 mb-2" >
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>Ielts</strong></p></div>
                                   
                        
                                            <div class="d-flex col-10 ">
                                                   
                                                    
                                                    <div class="form-check ml-3">
                                                        <input class="form-check-input" type="radio" name="Ielts_option" id="Ielts_yes" value="1">
                                                        <label class="form-check-label" for="Ielts_yes">Yes</label>
                                                    </div>
                                                    <div class="form-check ml-3">
                                                        <input class="form-check-input" type="radio" name="Ielts_option" id="Ielts_no" value="0">
                                                        <label class="form-check-label" for="Ielts_no">No</label>
                                                    </div>
                                                </div>
                                        
                                    </div>


                                </div>
                             
                            </div>
                    </div>  
                    <div class="card-header">
                        {{ __('Exam Score ') }}
                    </div>
                    <div class="card-body">
                        <div class="row"> 
                            <div class="form-group col-6 mb-0">
                                <div class="row ml-1 mb-2">
                                    <p><strong>SAT Score</strong></p>
                                        <div class="d-flex col-10">
                                            <input class="form-control col-6" type="number" placeholder="Enter SAT SCORE" name="SAT_Score" id="SAT_Score" >                                    
                                    </div>                                                                    
                            </div>
                        </div>                   
                        <div class="form-group col-6 mb-0">
                            <div class="row ml-1 mb-2">
                                <p><strong>Pte Score</strong></p>
                                    <div class="d-flex col-10">
                                        <input class="form-control col-6" type="number" placeholder="Enter SAT SCORE" name="Pte_Score" id="Pte_Score" >                                                           
                                </div>                            
                            </div>
                         </div>
                      </div>
                      <div class="row"> 
                        <div class="form-group col-6 mb-0">
                            <div class="row ml-1 mb-2">
                                <p><strong>Gmat Score</strong></p>
                                    <div class="d-flex col-10">
                                        <input class="form-control col-6" type="number" placeholder="Enter Gmat SCORE" name="Gmat_Score" id="Gmat_Score" >                                    
                                </div>                                                                    
                        </div>
                    </div>                   
                    <div class="form-group col-6 mb-0">
                        <div class="row ml-1 mb-2">
                            <p><strong>Act Score</strong></p>
                                <div class="d-flex col-10">
                                    <input class="form-control col-6" type="number" placeholder="Enter Act SCORE" name="Act_Score" id="Act_Score" >                                                           
                            </div>                            
                        </div>
                     </div>
                  </div>
                  <div class="row"> 
                    <div class="form-group col-6 mb-0">
                        <div class="row ml-1 mb-2">
                            <p><strong>Gre Score</strong></p>
                                <div class="d-flex col-10">
                                    <input class="form-control col-6" type="number" placeholder="Enter Gre SCORE" name="Gre_Score" id="Gre_Score" >                                    
                            </div>                                                                    
                    </div>
                </div>                   
                <div class="form-group col-6 mb-0">
                    <div class="row ml-1 mb-2">
                        <p><strong>DET Score</strong></p>
                            <div class="d-flex col-10">
                                <input class="form-control col-6" type="number" placeholder="Enter DET SCORE" name="DET_Score" id="DET_Score" >                                                           
                        </div>                            
                    </div>
                 </div>
              </div>
              <div class="row"> 
                <div class="form-group col-6 mb-0">
                    <div class="row ml-1 mb-2">
                        <p><strong>Toefl Score</strong></p>
                            <div class="d-flex col-10">
                                <input class="form-control col-6" type="number" placeholder="Enter Toefl SCORE" name="Toefl_Score" id="Toefl_Score" >                                    
                        </div>                                                                    
                </div>
            </div>                   
            <div class="form-group col-6 mb-0">
                <div class="row ml-1 mb-2">
                    <p><strong>Ielts Score</strong></p>
                        <div class="d-flex col-10">
                            <input class="form-control col-6" type="number" placeholder="Enter Ielts SCORE" name="Ielts_Score" id="Ielts_Score" >                                                           
                    </div>                            
                </div>
             </div>
          </div>
                    </div>
                   
                </div>
               
                            

                                                      
                        
                   

                    <div class="card tab-pane" id="tabs-7" role="tabpanel">
                        <div class="card-header">
                            {{ __('Academic') }}
                        </div>
                        <div class="card-body">
                            <div class="row">

                                <div class="col-6">

                                                <div class="form-group">
                                                    <x-forms.label name="Tenth Description" :required="false" />
                                                    <textarea id="editor" rows="3" name="tenth_description" placeholder="Tenth Description" class="form-control"> {{ old('tenth_description') }} </textarea>
                                                </div>                                    

                                    </div>
                                <div class="col-6">
                                        <div class="form-group ">
                                            <x-forms.label name="Twelth Description" :required="false" />
                                            <textarea id="editor3" rows="3" name="twelth_description" placeholder="Twelth Description" class="form-control"> {{ old('twelth_description') }} </textarea>
                                        </div>                                    

                                </div>
                                   
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <x-forms.label name="Graduation Description" :required="false" />
                                        <textarea id="editor4"  name="Graduation_description" placeholder="Graduation Description" class="form-control"> {{ old('Graduation_description') }} </textarea>
                                    </div>    
                                </div>
                                    

                                <div class="col-6">
                                    <div class="form-group">
                                        <x-forms.label name="postGraduation Description" :required="false" />
                                        <textarea id="editor5" rows="3" name="postGraduation_description" placeholder="postGraduation Description" class="form-control"> {{ old('postGraduation_description') }} </textarea>
                                    </div>                                       
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-6">
                                        <div class="form-group"><p><strong>MIN Age</strong></p></div>                                
                                                    <input class="form-control col-6" type="number" placeholder="Enter Minimum Age" name="MIN_Age" id="MIN_age" >                    
                                </div>
                                <div class="col-6">                                   
                                        <div class="col-1 form-group mb-0 px-0"><p><strong>MAX Age</strong></p></div>                            
                                                    <input class="form-control col-6" placeholder="Enter Maximum Age" type="number" name="MAX_age" id="MAX_age" >                                   
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-6">
                                        <div class="form-group"><p><strong>MIN Work Experience</strong></p></div>
                                                    <input class="form-control col-6" type="text" placeholder="Enter Minimum Age" name="minWorkEx" id="minWorkEx" >
                                    
                                </div>
                                <div class="col-6">
                                        <div class="form-group "><p><strong>MAX Work Experience</strong></p></div>                                
                                             <input class="form-control col-6" placeholder="Enter Maximum Age" type="text" name="maxWorkEx" id="maxWorkEx">

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

                    <div class="card tab-pane" id="tabs-8" role="tabpanel">
                        <div class="card-header">
                            {{ __('Intake') }}
                        </div>
                        <div class="card-body">
                            <div class="row">
                                 <div class="col-6">
                                    <div class="col-2 form-group">
                                        <p><strong>Intakes</strong></p>
                                    </div>
                                    <div class="d-flex col-10">
                                        <select class="form-select col-6 chosen-select" id="choices-multiple-remove-button" name="Intakes[]" id="Intakes" >
                                            <option value="Jan">Jan</option>
                                            <option value="Feb">Feb</option>
                                            <option value="Mar">Mar</option>
                                            <option value="Apr">Apr</option>
                                            <option value="May">May</option>
                                            <option value="Jun">Jun</option>
                                            <option value="Jul">Jul</option>
                                            <option value="Aug">Aug</option>
                                            <option value="Sep">Sep</option>
                                            <option value="Oct">Oct</option>
                                            <option value="Nov">Nov</option>
                                            <option value="Dec">Dec</option>
                                        </select>
                                    </div>                                
                                 </div> 


                                                

                           
                                
                                <div class="col-6">

                                    {{-- <div class="row ml-1 mb-2"> --}}
                                        <div class="col-2 form-group "><p><strong>Intake Closed</strong></p></div>
                                        <div class="d-flex col-10 ">
                                                

                                           
                                                {{-- <div class="form-check ml-3"> --}}
                                                    <input class="form-control col-6" type="date" name="Intakes_Closed" id="Intakes_Closed" >
                                                    {{-- <label class="form-check-label" for="MAX_no">No</label> --}}
                                                {{-- </div> --}}
                                            </div>
                                    {{-- </div> --}}

                                </div>
                            </div>
                            <div class="row mt-2">
                                <div class="col-6">
                                {{-- <div class="row ml-1 mb-2"> --}}
                                    <div class="col form-group"><p><strong>Intake DeadLine</strong></p></div>
                                    <div class="d-flex col-10 ">
                                            

                                       
                                            {{-- <div class="form-check ml-3"> --}}
                                                <input class="form-control col-6" type="date" name="Intakes_DeadLine" id="Intakes_DeadLine" >
                                                {{-- <label class="form-check-label" for="MAX_no">No</label> --}}
                                            {{-- </div> --}}
                                        </div>
                                {{-- </div> --}}
                            </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/dropify/css/dropify.min.css">

    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 400px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
    </style>
    <!-- >=>Leaflet Map<=< -->
    <x-map.leaflet.map_links/>
    <x-map.leaflet.autocomplete_links/>
    <!-- >=>Mapbox<=< -->
    @include('map::links')
    <!-- >=>Mapbox<=< -->
@endsection

@section('script')
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>

    <script src="{{ asset('backend') }}/plugins/dropify/js/dropify.min.js"></script>

    <script>

$(document).ready(function () {
        // Initialize the Chosen plugin
        var universityId = '{{ old("university_id") }}';
        $('.select2university').select2({
            theme: 'bootstrap4',
            ajax: {
                url: "{{ route('candidateApplication.universityListByName') }}",
                dataType: 'json',
                type: "POST",
                delay: 250,
                data: function (params) {
                    return {
                        term: params.term,
                        _token: '{{ csrf_token() }}'
                    };
                },
                processResults: function (data) {
                    return {
                        results: data.map(function(item) {
                            console.log(item);
                            return {
                                id: item.id,
                                text: `${item.name} (${item.id})`
                            };
                        })
                    };
                },
                cache: true
            },
            minimumInputLength: 1,
            placeholder: 'Search for universities',
            escapeMarkup: function (markup) {
                return markup;
            },
            templateSelection: function (data) {
                return data.text;
            }
        });

        if (universityId) {
            $.ajax({
                url: "{{ route('candidateApplication.universityListByName') }}", // Change this to your route to get university details by ID
                type: 'POST',
                dataType: 'json',
                data: { id: universityId, _token: '{{ csrf_token() }}' },
                success: function (item) {
                    console.log(item);
                    $('.select2university').append(new Option(`${item.name} (${item.id})`, item.id, true, true)).trigger('change');
                }
            });
        }

        $("#choices-multiple-remove-button").chosen();
       });

        $('.dropify').dropify();

        for(i=0;i<10;i++){
                ClassicEditor
            .create(document.querySelector(`#editor${i}`))
            .catch(error => {
                console.error(error);
            });
        }
        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })

        ClassicEditor
            .create(document.querySelector('#editor'))
            .catch(error => {
                console.error(error);
            });
        ClassicEditor
            .create(document.querySelector('#editor2'))
            .catch(error => {
                console.error(error);
            });

             // view state by country
        $(document).ready(function() {
            // editor();
            $('#country_id').on('change', function() {
                var country_id = this.value;
                $.ajax({
                    url: "{{ route('admin.universityGetStateByCountry') }}",
                    type: "POST",
                    data: {
                        country_id: country_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        $('#state_id').html(
                                '<option value="">{{ __('select_state') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.states, function(key, value) {
                            $("#state_id").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

            });
        });
        // view cities by state
        $(document).ready(function() {
            $('#state_id').on('change', function() {
                var state_id = this.value;
                $.ajax({
                    url: "{{ route('admin.universityGetCityByCountry') }}",
                    type: "POST",
                    data: {
                        state_id: state_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                    console.log(result);
                        $('#city_id').html(
                                '<option value="">{{ __('select_city') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.cities, function(key, value) {
                            $("#city_id").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

            });
        });



    </script>
    {{-- Leaflet  --}}
    @include('map::set-leafletmap')
    @include('map::set-googlemap')
    @include('map::set-mapbox')
@endsection