@extends('admin.layouts.app')
@section('title')
    {{ __('create_candidate') }}
@endsection
@section('content')
    @if (userCan('candidate.create'))
        <div class="container-fluid">
            <form action="{{ route('candidate.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title line-height-36">{{ __('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"> {{ __('account_details') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">{{ __('location') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">{{ __('profile_details') }}</a>
                                    </li> 
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">{{ __('candidate_education') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-5" role="tab">{{__('destination') }}</a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#tabs-6" role="tab">{{__('follow_up') }}</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">
                                        {{ __('account_details') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="name" />
                                                    <x-forms.input type="text" name="name" placeholder="name" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Middle Name" :required="false"/>
                                                    <x-forms.input type="text" name="middle_name" placeholder="Middle name" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Last Name" :required="false"/>
                                                    <x-forms.input type="text" name="last_name" placeholder="Last Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="phone" />
                                                    <x-forms.input value="{{ old('phone') }}" type="number" name="phone"
                                                        placeholder="phone" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="email" />
                                                    <x-forms.input value="{{ old('email') }}" type="email" name="email"
                                                        placeholder="email" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <div class="form-group">
                                                        <x-forms.label name="password" :required="false" />
                                                        <x-forms.input type="password" name="password" placeholder="password" />
                                                    </div>
                                                </div>
                                            </div>
                                        
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="secondary_email" :required="false"/>
                                                    <x-forms.input value="{{ old('secondary_email') }}" type="email" name="secondary_email"
                                                        placeholder="secondary_email" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Alternate Phone" :required="false"/>
                                                    <x-forms.input type="number" name="alternate_phone" placeholder="Alternate Phone" />
                                                </div>
                                            </div>
                                        
                                        </div>
            
                
                                    </div>
                                </div>

                                <div class="card tab-pane" id="tabs-2" role="tabpanel">
                                    <div class="card-header">
                                        {{ __('location') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
            
                                            <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 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>

                                        <div class="row">
                                            <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 class="form-group col-6">
                                                <x-forms.label name="{{ __('address') }}" :required="false"/> 
                                                <textarea type="text" class="form-control" name="address" placeholder="Enter Address" >{{ old('address') }}</textarea>
                                            </div>
                                        </div>

                                        {{-- <div class="row">
                                            <x-forms.label name="Map"/>
                                            <x-website.map.map-warning />

                                            @php
                                                $map = setting('default_map');
                                            @endphp
                                            <div class="map mymap {{ $map == 'map-box' ? '' : 'd-none' }}" id='map-box'>
                                            </div>
                                            <div id="google-map-div" class="{{ $map == 'google-map' ? '' : 'd-none' }}">
                                                <input id="searchInput" class="mapClass" type="text" placeholder="Enter a location">
                                                <div class="map mymap" id="google-map"></div>
                                            </div>
                                            <div class="{{ $map == 'leaflet' ? '' : 'd-none' }}">
                                                <input type="text" autocomplete="off" id="leaflet_search" placeholder="{{ __('enter_city_name') }}" class="form-control"/> <br>
                                                <div id="leaflet-map"></div>
                                            </div>
                                            @error('location')
                                                <span class="ml-3 text-md text-danger">{{ $message }}</span>
                                            @enderror
                                        </div> --}}
            
            
            
                                    </div>
                                </div>

                                <div class="card tab-pane" id="tabs-3" role="tabpanel">
                                    <div class="card-header">
                                        {{ __('profile_details') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('student_category') }}" :required="false" />
                                                    <select name="student_category" id="student_category"
                                                        class="form-control  select2bs4 @error('student_category') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('select_student_category') }}
                                                        </option>
                                                        <option {{ "Gold" == old('student_category') ? 'selected' : '' }} value="Gold">{{ __('Gold') }}</option>
                                                        <option {{ "Silver" == old('student_category') ? 'selected' : '' }} value="Silver">{{ __('Silver') }}</option>
                                                        <option {{ "Bronze" == old('student_category') ? 'selected' : '' }} value="Bronze">{{ __('Bronze') }}</option>
                                                    </select>
                                                    @error('student_category')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('passport_number') }}" :required="false" />
                                                    <input type="text"
                                                        class="form-control @error('passport_number') is-invalid @enderror"
                                                        name="passport_number" id="passport_number" placeholder="{{ __('passport_number') }}">
                                                    @error('passport_number')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            {{-- <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="profession" :required="false" />
                                                    <select name="profession_id" id="profession"
                                                        class="select2bs4 form-control @error('profession_id') is-invalid @enderror">
                                                        @foreach ($professions as $profession)
                                                            <option {{ $profession->id == old('profession_id') ? 'selected' : '' }}
                                                                value="{{ $profession->id }}">
                                                                {{ $profession->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('profession_id')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div> --}}
                                            {{-- <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="experience" :required="false" />
                                                    <select name="experience" id="experience"
                                                        class="form-control select2bs4 @error('experience') is-invalid @enderror">
                                                        @foreach ($experiences as $experience)
                                                            <option {{ old('experience') == $experience->id ? 'selected' : '' }}
                                                                value="{{ $experience->id }}">{{ $experience->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('experience')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="job_role" :required="false" />
                                                    <select name="role_id"
                                                        class="form-control select2bs4 @error('role_id') is-invalid @enderror"
                                                        id="role_id">
                                                        @foreach ($job_roles as $role)
                                                            <option value="{{ $role->id }}"> {{ $role->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('role_id')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="education" :required="false" />
                                                    <select name="education" id="education"
                                                        class="form-control select2bs4 @error('education') is-invalid @enderror">
                                                        @foreach ($educations as $education)
                                                            <option {{ $education->id == old('education_id') ? 'selected' : '' }}
                                                                value="{{ $education->id }}"> {{ $education->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('education')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div> --}}
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="gender" :required="false" />
                                                    <select name="gender" id="gender"
                                                        class="form-control @error('gender') is-invalid @enderror">
                                                        <option value="male">{{ __('male') }}</option>
                                                        <option value="female">{{ __('female') }}</option>
                                                        <option value="other">{{ __('other') }}</option>
                                                    </select>
                                                    @error('gender')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="website" :required="false" />
                                                    <input type="text" id="website" name="website"
                                                        value="{{ old('website') }}"
                                                        class="form-control @error('website') is-invalid @enderror"
                                                        placeholder="{{ __('website') }}">
                                                    @error('website')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="birth_date" :required="false" />
                                                    <input type="text"
                                                        class="form-control @error('birth_date') is-invalid @enderror"
                                                        name="birth_date" id="birth_date" placeholder="{{ __('birth_date') }}">
                                                    @error('birth_date')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="marital_status" :required="false" />
                                                    <select id="marital_status" name="marital_status"
                                                        class="form-control @error('marital_status') is-invalid @enderror">
                                                        <option value="married">{{ __('married') }}</option>
                                                        <option value="single">{{ __('single') }}</option>
                                                    </select>
                                                    @error('marital_status')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="skills" :required="false" />
                                                    <select id="skills" name="skills[]" class="select2-taggable form-control @error('skills') is-invalid @enderror" multiple>
                                                        @foreach ($skills as $skill)
                                                            <option value="{{ $skill->id }}">{{ $skill->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('skills')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <x-forms.label name="languages" :required="false" />
                                                    <select id="languages" name="languages[]" multiple class="select2bs4 form-control @error('languages') is-invalid @enderror">
                                                        @foreach ($candidate_languages as $language)
                                                            <option value="{{ $language->id }}">{{ $language->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('languages')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            {{-- <div class="col-md-12">
                                                <div class="form-group">
                                                    <x-forms.label name="bio" :required="false" />
                                                    <textarea name="bio" id="editor" placeholder="{{ __('bio') }}" value="{!! old('bio') !!}"
                                                        class="form-control @error('bio') is-invalid @enderror" id="bio" cols="1" rows="4"></textarea>
                                                    @error('bio')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div> --}}
                                        </div>
                                    </div>
                                </div>
            
                                <div class="card tab-pane" id="tabs-4" role="tabpanel">
                                    <div class="card-header">
                                        {{ __('candidate_education') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Qualification" />
                                                    <x-forms.input type="text" name="qualification" placeholder="qualification" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Institute Name" :required="false"/>
                                                    <x-forms.input type="text" name="institute_name" placeholder="Institute Name" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Education Board" />
                                                    <x-forms.input type="text" name="education_board" placeholder="Education Board" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Passing Year" :required="false"/>
                                                    <x-forms.input type="text" name="passing_year" placeholder="Passing Year" />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Grade/Percentage" />
                                                    <x-forms.input type="text" name="grade_percentage" placeholder="Grade/Percentage" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="language_proficiency_req" :required="false"/>
                                                    <select name="Language Proficiency Req" class="form-control w-100-p">
                                                        {{-- <option value="">
                                                            {{ __('all') }}
                                                        </option> --}}
                                                        <option {{ old('language_proficiency_req') == '1' ? 'selected' : '' }} value="1">
                                                            {{ __('yes') }}
                                                        </option>
                                                        <option {{ old('language_proficiency_req') == '0' ? 'selected' : '' }} value="0">
                                                            {{ __('no') }}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Test Name" :required="false"/>
                                                    <x-forms.input type="text" name="test_name" placeholder="Test Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Test Scores" :required="false"/>
                                                    <x-forms.input type="text" name="test_scores" placeholder="Test Scores" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Test Taken Date" :required="false"/>
                                                    <x-forms.input type="datetime-local" name="test_taken_date" placeholder="Test Taken Date" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
            
                                <div class="card tab-pane" id="tabs-5" role="tabpanel">
                                    <div class="card-header">
                                        {{ __('destination') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="preferred_country" :required="true"/>
                                                <select name="preferred_country"
                                                    class="form-control select2bs4 {{ error('preferred_country') }}"
                                                    id="preferred_country">
                                                    <option value="" class="d-none">
                                                        {{ __('select_country') }}
                                                    </option>
                                                    @foreach ($countries as $country)
                                                    <option {{ $country->id == old('preferred_country') ? 'selected' : '' }}
                                                        value="{{ $country->id }}">
                                                        {{ $country->name }}
                                                    </option>
                                                    @endforeach
                                                
                                                </select>
                                                <x-forms.error name="preferred_country" />
                                            </div>

                                            <div class="form-group col-6">
                                                <x-forms.label name="preferred_state"/>
                                                <select name="preferred_state"
                                                    class="form-control select2bs4 {{ error('preferred_state') }}"
                                                    id="preferred_state">
                                                    <option value="" class="d-none">
                                                        {{ __('select_state') }}
                                                    </option>
                                                    {{-- @foreach ($states as $state)
                                                        <option {{ $state->id  == old('preferred_state') ? 'selected' : '' }}
                                                            value="{{ $state->id }}" >
                                                            {{ $state->name }}
                                                        </option>
                                                    @endforeach --}}
                                                </select>
                                                <x-forms.error name="preferred_state" />
                                            </div>
                                        
                                        </div>

                                        <div class="row">
                                        
                                            <div class="form-group col-6">
                                                
                                                <x-forms.label name="preferred_city" :required="true"/>
                                                
                                                <select name="preferred_city"
                                                    class="form-control select2bs4 {{ error('preferred_city') }}"
                                                    id="preferred_city">
                                                    <option value="" class="d-none">
                                                        {{ __('select_city') }}
                                                    </option>
                                                    {{-- @foreach ($citys as $city)
                                                
                                                        <option {{ $city->id  == old('preferred_city') ? 'selected' : '' }}
                                                            value="{{ $city->id }}">
                                                            {{ $city->name }}
                                                        </option>
                                                    @endforeach --}}
                                                </select>
                                                <x-forms.error name="preferred_city" />
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('preferred_program') }}" :required="false" />
                                                    <select name="preferred_program" id="preferred_program"
                                                        class="form-control  select2bs4 @error('preferred_program') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('select_preferred_program') }}
                                                        </option>
                                                        <option {{ "Bachelors" == old('preferred_program') ? 'selected' : '' }} value="Bachelors">{{ __('Bachelors') }}</option>
                                                        <option {{ "Masters" == old('preferred_program') ? 'selected' : '' }} value="Masters">{{ __('Masters') }}</option>
                                                        <option {{ "PhD" == old('preferred_program') ? 'selected' : '' }} value="PhD">{{ __('PhD') }}</option>
                                                    </select>
                                                    @error('preferred_program')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('intake') }}" :required="false" />
                                                    <select name="intake" id="intake"
                                                        class="form-control  select2bs4 @error('intake') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('select_intake') }} 
                                                        </option>
                                                        <option {{ "Sept'23" == old('intake') ? 'selected' : '' }} value="Sept'23">Sept'23</option>
                                                        <option {{ "Jan'24" == old('intake') ? 'selected' : '' }} value="Jan'24">Jan'24</option>
                                                        <option {{ "May'24" == old('intake') ? 'selected' : '' }} value="May'24">May'24</option>
                                                        <option {{ "E46 Sept'24" == old('intake') ? 'selected' : '' }} value="E46 Sept'24">E46 Sept'24</option>
                                                    </select>
                                                    @error('intake')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Preferred Course" :required="false"/> 
                                                <textarea type="text" class="form-control" name="preferred_course" placeholder="Enter Preferred Course" >{{ old('preferred_course') }}</textarea>
                                            </div>
                                        </div>
                                                            
                                    </div>
                                </div>
                      
                                <div class="card tab-pane" id="tabs-6" role="tabpanel">
                                    <div class="card-header">
                                        {{ __('follow_up') }}
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('follow_up_type') }}" :required="false" />
                                                    <select name="follow_up_type" id="follow_up_type"
                                                        class="form-control  select2bs4 @error('follow_up_type') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('select_follow_up_type') }}
                                                        </option>
                                                        <option {{ "Inwards" == old('follow_up_type') ? 'selected' : '' }} value="Inwards">{{ __('Inwards') }}</option>
                                                        <option {{ "Outwards" == old('follow_up_type') ? 'selected' : '' }} value="Outwards">{{ __('Outwards') }}</option>
                                                    </select>
                                                    @error('follow_up_type')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('follow_up_status') }}" :required="false" />
                                                    <select name="follow_up_status" id="follow_up_status"
                                                        class="form-control  select2bs4 @error('follow_up_status') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('select_follow_up_status') }}
                                                        </option>
                                                        <option {{ "Connected" == old('follow_up_status') ? 'selected' : '' }} value="Connected">{{ __('Connected') }}</option>
                                                        <option {{ "Not Connected" == old('follow_up_status') ? 'selected' : '' }} value="Not Connected">{{ __('Not Connected') }}</option>
                                                    </select>
                                                    @error('follow_up_status')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="{{ __('priority') }}" :required="false" />
                                                    <select name="priority" id="priority"
                                                        class="form-control  select2bs4 @error('priority') is-invalid @enderror">
                                                        <option value="" class="d-none">
                                                            {{ __('priority') }}
                                                        </option> High/Medium/Low
                                                        <option {{ "High" == old('priority') ? 'selected' : '' }} value="High">High</option>
                                                        <option {{ "Medium" == old('priority') ? 'selected' : '' }} value="Medium">Medium</option>
                                                        <option {{ "Low" == old('priority') ? 'selected' : '' }} value="Low">Low</option>
                                                    </select>
                                                    @error('priority')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <x-forms.label name="Next Follow Up Date" :required="false"/>
                                                    <x-forms.input type="datetime-local" name="next_follow_up_date" placeholder="Next Follow Up Date" />
                                                </div>
                                            </div>
                                        
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <x-forms.label name="Follow Up Description" :required="false" />
                                                    <textarea name="follow_up_description" id="editor" placeholder="Follow Up Description" value="{!! old('follow_up_description') !!}"
                                                        class="form-control @error('follow_up_description') is-invalid @enderror" id="follow_up_description" cols="1" rows="4"></textarea>
                                                    @error('follow_up_description')
                                                        <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                    </div>
                 
                   
                </div>
                {{-- <div class="row">
                    <div class="col-6">
                        <div class="card">
                            <div class="card-header">
                                {{ __('account_details') }}
                            </div>
                            <div class="card-body row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <x-forms.label name="name" />
                                        <x-forms.input type="text" name="name" placeholder="name" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <x-forms.label name="email" />
                                        <x-forms.input value="{{ old('email') }}" type="email" name="email"
                                            placeholder="email" />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <div class="form-group">
                                            <x-forms.label name="password" :required="false" />
                                            <x-forms.input type="password" name="password" placeholder="password" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                {{ __('location') }}
                                <span class="text-red font-weight-bold">*</span>
                                <small class="h6">
                                    ({{ __('click_to_add_a_pointer') }})
                                </small>
                            </div>
                            <div class="card-body">
                                <x-website.map.map-warning />

                                @php
                                    $map = setting('default_map');
                                @endphp
                                <div class="map mymap {{ $map == 'map-box' ? '' : 'd-none' }}" id='map-box'>
                                </div>
                                <div id="google-map-div" class="{{ $map == 'google-map' ? '' : 'd-none' }}">
                                    <input id="searchInput" class="mapClass" type="text" placeholder="Enter a location">
                                    <div class="map mymap" id="google-map"></div>
                                </div>
                                <div class="{{ $map == 'leaflet' ? '' : 'd-none' }}">
                                    <input type="text" autocomplete="off" id="leaflet_search" placeholder="{{ __('enter_city_name') }}" class="form-control"/> <br>
                                    <div id="leaflet-map"></div>
                                </div>
                                @error('location')
                                    <span class="ml-3 text-md text-danger">{{ $message }}</span>
                                @enderror

                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card">
                            <div class="card-header">
                                {{ __('image') }}
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <x-forms.label name="image" :required="false" />
                                        <input name="image" type="file" data-show-errors="true" data-width="100%"
                                            data-default-file="" class="dropify">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-header">
                                {{ __('files') }}
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <x-forms.label name="cv" :required="false" />
                                            <div class="custom-file">
                                                <input name="cv" type="file"
                                                    class="custom-file-input @error('cv') is-invalid @enderror">
                                                <label class="custom-file-label"
                                                    for="cvInputFile">{{ __('choose_cv') }}</label>
                                                @error('cv')
                                                    <span class="error invalid-feedback">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                {{ __('profile_details') }}
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="profession" :required="false" />
                                            <select name="profession_id" id="profession"
                                                class="select2bs4 form-control @error('profession_id') is-invalid @enderror">
                                                @foreach ($professions as $profession)
                                                    <option {{ $profession->id == old('profession_id') ? 'selected' : '' }}
                                                        value="{{ $profession->id }}">
                                                        {{ $profession->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('profession_id')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="experience" :required="false" />
                                            <select name="experience" id="experience"
                                                class="form-control select2bs4 @error('experience') is-invalid @enderror">
                                                @foreach ($experiences as $experience)
                                                    <option {{ old('experience') == $experience->id ? 'selected' : '' }}
                                                        value="{{ $experience->id }}">{{ $experience->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('experience')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="job_role" :required="false" />
                                            <select name="role_id"
                                                class="form-control select2bs4 @error('role_id') is-invalid @enderror"
                                                id="role_id">
                                                @foreach ($job_roles as $role)
                                                    <option value="{{ $role->id }}"> {{ $role->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('role_id')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="education" :required="false" />
                                            <select name="education" id="education"
                                                class="form-control select2bs4 @error('education') is-invalid @enderror">
                                                @foreach ($educations as $education)
                                                    <option {{ $education->id == old('education_id') ? 'selected' : '' }}
                                                        value="{{ $education->id }}"> {{ $education->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('education')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="gender" :required="false" />
                                            <select name="gender" id="gender"
                                                class="form-control @error('gender') is-invalid @enderror">
                                                <option value="male">{{ __('male') }}</option>
                                                <option value="female">{{ __('female') }}</option>
                                                <option value="other">{{ __('other') }}</option>
                                            </select>
                                            @error('gender')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <x-forms.label name="website" :required="false" />
                                            <input type="text" id="website" name="website"
                                                value="{{ old('website') }}"
                                                class="form-control @error('website') is-invalid @enderror"
                                                placeholder="{{ __('website') }}">
                                            @error('website')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                 
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <x-forms.label name="marital_status" :required="false" />
                                            <select id="marital_status" name="marital_status"
                                                class="form-control @error('marital_status') is-invalid @enderror">
                                                <option value="married">{{ __('married') }}</option>
                                                <option value="single">{{ __('single') }}</option>
                                            </select>
                                            @error('marital_status')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <x-forms.label name="skills" :required="false" />
                                            <select id="skills" name="skills[]" class="select2-taggable form-control @error('skills') is-invalid @enderror" multiple>
                                                @foreach ($skills as $skill)
                                                    <option value="{{ $skill->id }}">{{ $skill->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('skills')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <x-forms.label name="languages" :required="false" />
                                            <select id="languages" name="languages[]" multiple class="select2bs4 form-control @error('languages') is-invalid @enderror">
                                                @foreach ($candidate_languages as $language)
                                                    <option value="{{ $language->id }}">{{ $language->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('languages')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <x-forms.label name="bio" :required="false" />
                                            <textarea name="bio" id="editor" placeholder="{{ __('bio') }}" value="{{ old('bio') }}"
                                                class="form-control @error('bio') is-invalid @enderror" id="bio" cols="1" rows="4"></textarea>
                                            @error('bio')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </form>
        </div>
    @endif
@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">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/dropify/css/dropify.min.css">
    <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
    {{-- <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css"> --}}
    <style>
        .ck-editor__editable_inline {
            min-height: 300px;
        }

        .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('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js')}}"></script>

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

    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('frontend') }}/secondary-theme/assets/js/ckeditor.min.js"></script>
    <script>
         $('.select2-taggable').select2({
            theme: 'bootstrap4',
            tags: true
        })


        $('#customFile').on('change', function(event) {
            $('#defaulthide').addClass('d-block')
            $('#defaulthide').removeClass('d-none')
        });
        // dropify image
        $('.dropify').dropify();
        //init datepicker
        $(document).ready(function() {
            $('#birth_date').datepicker({
                format: 'dd-mm-yyyy'
            });
        });
        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })

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


            $(document).ready(function() {
            // editor();
            $('#country_id').on('change', function() {
                console.log("test");
                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>');
                        });
                    }
                });

            });
        });


        $(document).ready(function() {
            // editor();
            $('#preferred_country').on('change', function() {
                console.log("test");
                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) {
                        $('#preferred_state').html(
                                '<option value="">{{ __('select_state') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.states, function(key, value) {
                            $("#preferred_state").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

            });
        });
        // view cities by state
        $(document).ready(function() {
            $('#preferred_state').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);
                        $('#preferred_city').html(
                                '<option value="">{{ __('select_city') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.cities, function(key, value) {
                            $("#preferred_city").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

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