@php
    $oldExperience = old('experience', []);
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Create | Interview Management')

@section('page-css')
    <style>
        .experience-group {
            border-radius: 10px;
            border: 1px solid #ccc;
            padding: 15px 15px 5px 15px;
            margin-bottom: 10px;
        }

        input.form-control {
            height: 45px;
            padding: 10px 12px;
            font-size: 14px;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">Interview Management</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('interview-management.index') }}">Interview Management</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        {!! Form::open([
            'route' => 'interview-management.store',
            'method' => 'POST',
            'id' => 'create-form',
            'enctype' => 'multipart/form-data',
        ]) !!}

        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Personal Details</strong></h4>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('source_of_application', 'Source Of Application', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('source_of_application', $sourceOfApplications, old('source_of_application'), [
                                    'id' => 'source_of_application',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Source Of Application',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#source_of_application_error',
                                    'data-parsley-required-message' => 'Please select source of application.',
                                ]) !!}
                                <span class="text-danger" id="source_of_application_error">
                                    {{ $errors->first('source_of_application') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4" id="referred-by-div" style="display: none;">
                            <div class="form-group">
                                {!! Form::label('referred_by', 'Referred By', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('referred_by', $employees, old('referred_by'), [
                                    'id' => 'referred_by',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Referred By',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#referred_by_error',
                                    'data-parsley-required-message' => 'Please select referred by.',
                                ]) !!}
                                <span class="text-danger" id="referred_by_error">
                                    {{ $errors->first('referred_by') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('designation', 'Designation', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('designation', $designations, old('designation'), [
                                    'id' => 'designation',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Designation',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#designation_error',
                                    'data-parsley-required-message' => 'Please select designation.',
                                ]) !!}
                                <span class="text-danger" id="designation_error">
                                    {{ $errors->first('designation') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('full_name', 'Full Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('full_name', old('full_name'), [
                                    'id' => 'full_name',
                                    'class' => 'form-control onlytxt',
                                    'placeholder' => 'Enter Full Name',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#full_name_error',
                                    'data-parsley-required-message' => 'Please enter full name.',
                                ]) !!}
                                <span class="text-danger" id="full_name_error">
                                    {{ $errors->first('full_name') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('country', 'Country', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('country', $countries, old('country'), [
                                    'id' => 'country',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Country',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#country_error',
                                    'data-parsley-required-message' => 'Please select country.',
                                ]) !!}
                                <span class="text-danger" id="country_error">
                                    {{ $errors->first('country') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('region', 'Region', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('region', [], old('region'), [
                                    'id' => 'region',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Region',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#region_error',
                                    'data-parsley-required-message' => 'Please select region.',
                                ]) !!}
                                <span class="text-danger" id="region_error">
                                    {{ $errors->first('region') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('state', 'State', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('state', [], old('state'), [
                                    'id' => 'state',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select State',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#state_error',
                                    'data-parsley-required-message' => 'Please select state.',
                                ]) !!}
                                <span class="text-danger" id="state_error">
                                    {{ $errors->first('state') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('district', 'District', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('district', [], old('district'), [
                                    'id' => 'district',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select District',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#district_error',
                                    'data-parsley-required-message' => 'Please select district.',
                                ]) !!}
                                <span class="text-danger" id="district_error">
                                    {{ $errors->first('district') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('address', 'Address', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::textarea('address', old('address'), [
                                    'id' => 'address',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Residential Address',
                                    'rows' => 3,
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#address_error',
                                    'data-parsley-required-message' => 'Please enter residential address.',
                                ]) !!}
                                <span class="text-danger" id="address_error">
                                    {{ $errors->first('address') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('location', 'Location', ['class' => 'form-label']) !!}
                                {!! Form::select('location', $locations, old('location'), [
                                    'id' => 'location',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Location',
                                ]) !!}
                                <span class="text-danger" id="location_error">
                                    {{ $errors->first('location') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('qualification', 'Qualification', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('qualification', $qualifications, old('qualification'), [
                                    'id' => 'qualification',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Qualification',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#qualification_error',
                                    'data-parsley-required-message' => 'Please select qualification.',
                                ]) !!}
                                <span class="text-danger" id="qualification_error">
                                    {{ $errors->first('qualification') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('mobile_no', 'Mobile No.', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('mobile_no', old('mobile_no'), [
                                    'id' => 'mobile_no',
                                    'class' => 'form-control mobile',
                                    'placeholder' => 'Enter Mobile Number',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#mobile_no_error',
                                    'data-parsley-required-message' => 'Please enter mobile number.',
                                ]) !!}
                                <span class="text-danger" id="mobile_no_error">
                                    {{ $errors->first('mobile_no') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('whatsapp_no', 'WhatsApp No.', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('whatsapp_no', old('whatsapp_no'), [
                                    'id' => 'whatsapp_no',
                                    'class' => 'form-control mobile',
                                    'placeholder' => 'Enter WhatsApp Number',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#whatsapp_no_error',
                                    'data-parsley-required-message' => 'Please enter whatsapp number.',
                                ]) !!}
                                <span class="text-danger" id="whatsapp_no_error">
                                    {{ $errors->first('whatsapp_no') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('email', 'Email', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('email', old('email'), [
                                    'id' => 'email',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Email Address',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-type' => 'email',
                                    'data-parsley-errors-container' => '#email_error',
                                    'data-parsley-required-message' => 'Please enter email address.',
                                    'data-parsley-type-message' => 'Please enter a valid email address.',
                                ]) !!}
                                <span class="text-danger" id="email_error">
                                    {{ $errors->first('email') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('date_of_birth', 'Date Of Birth', [
                                    'class' => 'form-label',
                                ]) !!} <span class="text-danger">*</span>
                                {!! Form::text('date_of_birth', old('date_of_birth'), [
                                    'id' => 'date_of_birth',
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Date Of Birth',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#date_of_birth_error',
                                    'data-parsley-required-message' => 'Please select date of birth.',
                                ]) !!}
                                <span class="text-danger" id="date_of_birth_error">
                                    {{ $errors->first('date_of_birth') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('age', 'Age', [
                                    'class' => 'form-label',
                                ]) !!}
                                {!! Form::text('age', old('age'), [
                                    'id' => 'age',
                                    'readonly' => true,
                                    'class' => 'form-control',
                                ]) !!}
                                <span class="text-danger" id="age_error">
                                    {{ $errors->first('age') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('current_working_status', 'Current Working Status', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('current_working_status', $workingStatus, old('current_working_status'), [
                                    'id' => 'current_working_status',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Current Working Status',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#current_working_status_error',
                                    'data-parsley-required-message' => 'Please select current working status.',
                                ]) !!}
                                <span class="text-danger" id="current_working_status_error">
                                    {{ $errors->first('current_working_status') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('current_working_duration', 'Current Working Duration (In years)', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('current_working_duration', old('current_working_duration'), [
                                    'id' => 'current_working_duration',
                                    'class' => 'form-control percentage',
                                    'placeholder' => 'Enter Current Working Duration',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#current_working_duration_error',
                                    'data-parsley-required-message' => 'Please enter current working duration.',
                                ]) !!}
                                <span class="text-danger" id="current_working_duration_error">
                                    {{ $errors->first('current_working_duration') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('current_salary', 'Current Salary', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('current_salary', old('current_salary'), [
                                    'id' => 'current_salary',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Current Salary',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#current_salary_error',
                                    'data-parsley-required-message' => 'Please enter current salary.',
                                ]) !!}
                                <span class="text-danger" id="current_salary_error">
                                    {{ $errors->first('current_salary') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('expected_salary', 'Expected Salary', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('expected_salary', old('expected_salary'), [
                                    'id' => 'expected_salary',
                                    'class' => 'form-control amount',
                                    'placeholder' => 'Enter Expected Salary',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#expected_salary_error',
                                    'data-parsley-required-message' => 'Please enter expected salary.',
                                ]) !!}
                                <span class="text-danger" id="expected_salary_error">
                                    {{ $errors->first('expected_salary') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('expected_date_of_joining', 'Expected Date Of Joining', [
                                    'class' => 'form-label',
                                ]) !!} <span class="text-danger">*</span>
                                {!! Form::text('expected_date_of_joining', old('expected_date_of_joining'), [
                                    'id' => 'expected_date_of_joining',
                                    'class' => 'form-control',
                                    'placeholder' => 'Select Expected Date Of Joining',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#expected_date_of_joining_error',
                                    'data-parsley-required-message' => 'Please select expected date of joining.',
                                ]) !!}
                                <span class="text-danger" id="expected_date_of_joining_error">
                                    {{ $errors->first('expected_date_of_joining') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gender', 'Gender', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('gender', $gender, old('gender'), [
                                    'id' => 'gender',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Gender',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#gender_error',
                                    'data-parsley-required-message' => 'Please select gender.',
                                ]) !!}
                                <span class="text-danger" id="gender_error">
                                    {{ $errors->first('gender') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('marital_status', 'Marital Status', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('marital_status', $maritalStatus, old('marital_status'), [
                                    'id' => 'marital_status',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Marital Status',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#marital_status_error',
                                    'data-parsley-required-message' => 'Please select marital status.',
                                ]) !!}
                                <span class="text-danger" id="marital_status_error">
                                    {{ $errors->first('marital_status') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('round_1_interviewer', 'Round 1 Interviewer', [
                                    'class' => 'form-label',
                                ]) !!} <span class="text-danger">*</span>
                                {!! Form::select('round_1_interviewer', $employees, old('round_1_interviewer'), [
                                    'id' => 'round_1_interviewer',
                                    'class' => 'form-control select2',
                                    'placeholder' => 'Select Round 1 Interviewer',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-errors-container' => '#round_1_interviewer_error',
                                    'data-parsley-required-message' => 'Please select round 1 interviewer.',
                                ]) !!}
                                <span class="text-danger" id="round_1_interviewer_error">
                                    {{ $errors->first('round_1_interviewer') }}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>Experience, if any (Starting from the present employment(Experience
                            certificates need to be attached))</strong></h4>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('experience', 'Experience', ['class' => 'form-label']) !!}
                                <div class="row">
                                    <div class="col-md-auto d-flex flex-row">
                                        <div class="form-check mr-3">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" id="experience_fresher"
                                                    name="experience" value="Fresher"
                                                    {{ old('experience', 'Fresher') == 'Fresher' ? 'checked' : '' }}>
                                                Fresher
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input"
                                                    id="experience_experienced" name="experience" value="Experienced"
                                                    {{ old('experience') == 'Experienced' ? 'checked' : '' }}>
                                                Experienced
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12" id="experience-content"
                            style="display: {{ old('experience') == 'Experienced' ? '' : 'none' }};;">
                            <div id="experience-wrapper">
                                @if (!empty($oldExperience) && isset($oldExperience['employer_name']))
                                    @foreach ($oldExperience['employer_name'] as $index => $employer)
                                        <div class="experience-group">
                                            <div class="row">
                                                @if ($key != 0)
                                                    <div class="col-md-12 text-right mb-2">
                                                        <a href="javascript:void(0);"
                                                            class="btn btn-sm btn-danger remove-experience">
                                                            <i class="fa fa-minus"></i>
                                                        </a>
                                                    </div>
                                                @endif

                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('employer_name_' . $loop->iteration, 'Employer Name', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[employer_name][]', $employer, [
                                                            'id' => 'employer_name_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control',
                                                            'placeholder' => 'Enter Employer Name',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#employer_name_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter employer name.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="employer_name_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.employer_name.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('employer_location_' . $loop->iteration, 'Employer Location', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[employer_location][]', $oldExperience['employer_location'][$index] ?? '', [
                                                            'id' => 'employer_location_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control',
                                                            'placeholder' => 'Enter Employer Location',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#employer_location_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter employer location.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="employer_location_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.employer_location.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('starting_salary_' . $loop->iteration, 'Starting Salary', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[starting_salary][]', $oldExperience['starting_salary'][$index] ?? '', [
                                                            'id' => 'starting_salary_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control amount',
                                                            'placeholder' => 'Enter Starting Salary',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#starting_salary_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter starting salary.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="starting_salary_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.starting_salary.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('leaving_salary_' . $loop->iteration, 'Leaving Salary', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[leaving_salary][]', $oldExperience['leaving_salary'][$index] ?? '', [
                                                            'id' => 'leaving_salary_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control amount',
                                                            'placeholder' => 'Enter Leaving Salary',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#leaving_salary_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter leaving salary.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="leaving_salary_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.leaving_salary.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('starting_designation_' . $loop->iteration, 'Starting Designation', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[starting_designation][]', $oldExperience['starting_designation'][$index] ?? '', [
                                                            'id' => 'starting_designation_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control',
                                                            'placeholder' => 'Enter Starting Designation',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#starting_designation_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter starting designation.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="starting_designation_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.starting_designation.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('leaving_designation_' . $loop->iteration, 'Leaving Designation', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[leaving_designation][]', $oldExperience['leaving_designation'][$index] ?? '', [
                                                            'id' => 'leaving_designation_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control',
                                                            'placeholder' => 'Enter Leaving Designation',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#leaving_designation_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter leaving designation.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="leaving_designation_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.leaving_designation.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('period_from_' . $loop->iteration, 'Period From', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[period_from][]', $oldExperience['period_from'][$index] ?? '', [
                                                            'id' => 'period_from_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control period-date',
                                                            'placeholder' => 'Select Period From',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'change',
                                                            'data-parsley-errors-container' => '#period_from_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please select period from.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="period_from_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.period_from.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('period_to_' . $loop->iteration, 'Period To', ['class' => 'form-label']) }}
                                                        {{ Form::text('experiences[period_to][]', $oldExperience['period_to'][$index] ?? '', [
                                                            'id' => 'period_to_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control period-date',
                                                            'placeholder' => 'Select Period To',
                                                            'data-parsley-trigger' => 'change',
                                                            'data-parsley-errors-container' => '#period_to_error_' . $loop->iteration,
                                                        ]) }}
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        {{ Form::label('reason_for_leaving_' . $loop->iteration, 'Reason For Leaving', ['class' => 'form-label']) }}
                                                        <span class="text-danger">*</span>
                                                        {{ Form::text('experiences[reason_for_leaving][]', $employer, [
                                                            'id' => 'reason_for_leaving_' . $loop->iteration,
                                                            'class' => 'form-control custom-form-control',
                                                            'placeholder' => 'Enter Reason For Leaving',
                                                            'data-parsley-required' => 'true',
                                                            'data-parsley-trigger' => 'keyup',
                                                            'data-parsley-errors-container' => '#reason_for_leaving_error_' . $loop->iteration,
                                                            'data-parsley-required-message' => 'Please enter reason for leaving.',
                                                        ]) }}
                                                        <span class="text-danger"
                                                            id="reason_for_leaving_error_{{ $loop->iteration }}">
                                                            {{ $errors->first("experiences.reason_for_leaving.$index") }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="experience-group">
                                        <div class="row ">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('employer_name_1', 'Employer Name', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[employer_name][]', '', [
                                                        'id' => 'employer_name_1',
                                                        'class' => 'form-control custom-form-control',
                                                        'placeholder' => 'Enter Employer Name',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#employer_name_error_1',
                                                        'data-parsley-required-message' => 'Please enter employer name.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="employer_name_error_1">{{ $errors->first('experiences.employer_name.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('employer_location_1', 'Employer Location', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[employer_location][]', '', [
                                                        'id' => 'employer_location_1',
                                                        'class' => 'form-control custom-form-control',
                                                        'placeholder' => 'Enter Employer Location',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#employer_location_error_1',
                                                        'data-parsley-required-message' => 'Please enter employer location.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="employer_location_error_1">{{ $errors->first('experiences.employer_location.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('starting_salary_1', 'Starting Salary', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[starting_salary][]', '', [
                                                        'id' => 'starting_salary_1',
                                                        'class' => 'form-control custom-form-control amount',
                                                        'placeholder' => 'Enter Starting Salary',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#starting_salary_error_1',
                                                        'data-parsley-required-message' => 'Please enter starting salary.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="starting_salary_error_1">{{ $errors->first('experiences.starting_salary.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('leaving_salary_1', 'Leaving Salary', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[leaving_salary][]', '', [
                                                        'id' => 'leaving_salary_1',
                                                        'class' => 'form-control custom-form-control amount',
                                                        'placeholder' => 'Enter Leaving Salary',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#leaving_salary_error_1',
                                                        'data-parsley-required-message' => 'Please enter leaving salary.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="leaving_salary_error_1">{{ $errors->first('experiences.leaving_salary.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('starting_designation_1', 'Starting Designation', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[starting_designation][]', '', [
                                                        'id' => 'starting_designation_1',
                                                        'class' => 'form-control custom-form-control',
                                                        'placeholder' => 'Enter Starting Designation',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#starting_designation_error_1',
                                                        'data-parsley-required-message' => 'Please enter starting designation.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="starting_designation_error_1">{{ $errors->first('experiences.starting_designation.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('leaving_designation_1', 'Leaving Designation', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[leaving_designation][]', '', [
                                                        'id' => 'leaving_designation_1',
                                                        'class' => 'form-control custom-form-control',
                                                        'placeholder' => 'Enter Leaving Designation',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#leaving_designation_error_1',
                                                        'data-parsley-required-message' => 'Please enter leaving designation.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="leaving_designation_error_1">{{ $errors->first('experiences.leaving_designation.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('period_from_1', 'Period From', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[period_from][]', '', [
                                                        'id' => 'period_from_1',
                                                        'class' => 'form-control custom-form-control period-date',
                                                        'placeholder' => 'Select Period From',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'change',
                                                        'data-parsley-errors-container' => '#period_from_error_1',
                                                        'data-parsley-required-message' => 'Please select period from date.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="period_from_error_1">{{ $errors->first('experiences.period_from.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('period_to_1', 'Period To', ['class' => 'form-label']) }}
                                                    {{ Form::text('experiences[period_to][]', '', [
                                                        'id' => 'period_to_1',
                                                        'class' => 'form-control custom-form-control period-date',
                                                        'placeholder' => 'Select Period To',
                                                        'data-parsley-trigger' => 'change',
                                                        'data-parsley-errors-container' => '#period_to_error_1',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="period_to_error_1">{{ $errors->first('experiences.period_to.0') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    {{ Form::label('reason_for_leaving_1', 'Reason For Leaving', ['class' => 'form-label']) }}
                                                    <span class="text-danger">*</span>
                                                    {{ Form::text('experiences[reason_for_leaving][]', '', [
                                                        'id' => 'reason_for_leaving_1',
                                                        'class' => 'form-control custom-form-control',
                                                        'placeholder' => 'Enter Reason For Leaving',
                                                        'data-parsley-required' => 'true',
                                                        'data-parsley-trigger' => 'keyup',
                                                        'data-parsley-errors-container' => '#reason_for_leaving_error_1',
                                                        'data-parsley-required-message' => 'Please enter reason for leaving.',
                                                    ]) }}
                                                    <span class="text-danger"
                                                        id="reason_for_leaving_error_1">{{ $errors->first('experiences.reason_for_leaving.0') }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="experience-btn-wrapper">
                                <a href="javascript:void(0);" class="btn btn-sm btn-success" id="add-experience-btn">
                                    <i class="fa fa-plus"></i> Add More
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-12">
                    <h4 class="card-title"><strong>References from Previous Employers</strong></h4>
                </div>
                <div class="col-md-12">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Reference 1</th>
                                <th>Reference 2</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                @for ($i = 1; $i <= 2; $i++)
                                    <td>
                                        <div class="form-group">
                                            {!! Form::label('reference_name_' . $i, 'Name', ['class' => 'form-label']) !!}
                                            {!! Form::text('reference[name][]', '', [
                                                'id' => 'reference_name_' . $i,
                                                'class' => 'form-control custom-form-control',
                                                'placeholder' => 'Enter Name',
                                            ]) !!}
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('designation_' . $i, 'Designation', ['class' => 'form-label']) !!}
                                            {!! Form::text('reference[designation][]', '', [
                                                'id' => 'designation_' . $i,
                                                'class' => 'form-control custom-form-control',
                                                'placeholder' => 'Enter Designation',
                                            ]) !!}
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('reference_mobile_no' . $i, 'Mobile No.', ['class' => 'form-label']) !!}
                                            {!! Form::text('reference[reference_mobile_no][]', '', [
                                                'id' => 'reference_mobile_no' . $i,
                                                'class' => 'form-control custom-form-control mobile',
                                                'placeholder' => 'Enter Mobile Number',
                                            ]) !!}
                                        </div>
                                    </td>
                                @endfor
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="store-btn">Save</button>
            <a href="{{ route('interview-management.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

        {{ Form::close() }}
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var interviewId = "";
        var indexRoute = "{{ route('interview-management.index') }}";
        var ajaxListRoute = "{{ route('interview-management.ajax-list') }}";
        var storeRoute = "{{ route('interview-management.store') }}";
        var regionListRoute = "{{ route('country.region.regions-of-country') }}";
        var stateListRoute = "{{ route('states-of-regions') }}";
        var districtListRoute = "{{ route('state.district.districts-of-state') }}";
        var employees = @json($employees);
    </script>
    <script src="{{ asset('assets/js/admin/interview-management.js') }}"></script>
@endsection