@php
    $oldExperience = old('experiences');
    $oldReferences = old('reference');

    if (empty($oldExperience) && !empty($interview->experiences)) {
        $oldExperience = [
            'employer_name' => [],
            'employer_location' => [],
            'starting_salary' => [],
            'leaving_salary' => [],
            'starting_designation' => [],
            'leaving_designation' => [],
            'period_from' => [],
            'period_to' => [],
            'leaving_reason' => [],
        ];

        foreach ($interview->experiences as $exp) {
            $oldExperience['employer_name'][] = $exp['employer_name'] ?? '';
            $oldExperience['employer_location'][] = $exp['employer_location'] ?? '';
            $oldExperience['starting_salary'][] = $exp['starting_salary'] ?? '';
            $oldExperience['leaving_salary'][] = $exp['leaving_salary'] ?? '';
            $oldExperience['starting_designation'][] = $exp['starting_designation'] ?? '';
            $oldExperience['leaving_designation'][] = $exp['leaving_designation'] ?? '';
            $oldExperience['period_from'][] = date('d-m-Y', strtotime($exp['period_from'] ?? ''));
            $oldExperience['period_to'][] = date('d-m-Y', strtotime($exp['period_to'] ?? ''));
            $oldExperience['leaving_reason'][] = $exp['leaving_reason'] ?? '';
        }
    }

    if (empty($oldReferences) && !empty($interview->references)) {
        $oldReferences = [
            'name' => [],
            'designation' => [],
            'reference_mobile_no' => [],
        ];

        foreach ($interview->references as $ref) {
            $oldReferences['name'][] = $ref['name'] ?? '';
            $oldReferences['designation'][] = $ref['designation'] ?? '';
            $oldReferences['reference_mobile_no'][] = $ref['mobile_no'] ?? '';
        }
    }
@endphp

@extends('admin.layouts.layouts')

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

@section('page-css')
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css">
@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">Edit</li>
            </ol>
        </nav>
    </div>

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

        @method('PUT')

        <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', $interview->source_of_application_id),
                                    [
                                        '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: {{ $interview->source_of_application_id == 3 ? '' : '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', $interview->referred_by_id), [
                                    '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', $interview->designation_id), [
                                    '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', $interview->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', $interview->country_id), [
                                    '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',
                                    $regions->pluck('region_name', 'id')->toArray(),
                                    old('region', $interview->region_id),
                                    [
                                        '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', $states->pluck('state_name', 'id')->toArray(), old('state', $interview->state_id), [
                                    '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',
                                    $districts->pluck('district_name', 'id')->toArray(),
                                    old('district', $interview->district_id),
                                    [
                                        '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', $interview->location_id), [
                                    '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', $interview->qualification_id), [
                                    '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', date('d-m-Y', strtotime($interview->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', date('d-m-Y', strtotime($interview->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('interview_taken_date', 'Interview Taken Date', [
                                    'class' => 'form-label',
                                ]) !!}
                                {!! Form::text(
                                    'interview_taken_date',
                                    old(
                                        'interview_taken_date',
                                        $interview->interview_taken_time ? date('d-m-Y', strtotime($interview->interview_taken_time)) : '',
                                    ),
                                    [
                                        'id' => 'interview_taken_date',
                                        'class' => 'form-control',
                                        'placeholder' => 'Select Interview Taken Date',
                                    ],
                                ) !!}
                                <span class="text-danger" id="interview_taken_date_error">
                                    {{ $errors->first('interview_taken_date') }}
                                </span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('interview_taken_time', 'Interview Taken Time', [
                                    'class' => 'form-label',
                                ]) !!}
                                {!! Form::time(
                                    'interview_taken_time',
                                    old(
                                        'interview_taken_time',
                                        $interview->interview_taken_time ? date('H:i', strtotime($interview->interview_taken_time)) : '',
                                    ),
                                    [
                                        'id' => 'interview_taken_time',
                                        'class' => 'form-control',
                                        'placeholder' => 'Select Interview Taken Time',
                                    ],
                                ) !!}
                                <span class="text-danger" id="interview_taken_time_error">
                                    {{ $errors->first('interview_taken_time') }}
                                </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" @checked($interview->experience == 'Fresher')>
                                                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"
                                                    @checked($interview->experience == 'Experienced')>
                                                Experienced
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12" id="experience-content"
                            style="display: {{ $interview->experience == 'Experienced' ? '' : 'none' }};">
                            <div id="experience-wrapper">
                                @if (!empty($oldExperience) && isset($oldExperience['employer_name']) && count($oldExperience['employer_name']) > 0)
                                    @foreach ($oldExperience['employer_name'] as $index => $employer)
                                        <div class="experience-group">
                                            <div class="row">
                                                @if ($index != 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][]', $oldExperience['leaving_reason'][$index], [
                                                            '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 = 0; $i < 2; $i++)
                                    <td>
                                        <div class="form-group">
                                            {!! Form::label("reference_name_$i", 'Name', ['class' => 'form-label']) !!}
                                            {!! Form::text('reference[name][]', $oldReferences['name'][$i] ?? '', [
                                                '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][]', $oldReferences['designation'][$i] ?? '', [
                                                '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][]', $oldReferences['reference_mobile_no'][$i] ?? '', [
                                                '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="update-btn">Update</button>
            <a href="{{ route('interview-management.index') }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

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

@section('page-js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js">
    </script>
    <script type="text/javascript">
        var interviewId = "{{ $interview->id }}";
        var indexRoute = "{{ route('interview-management.index') }}";
        var ajaxListRoute = "{{ route('interview-management.ajax-list') }}";
        var updateRoute = "{{ route('interview-management.update', ':id') }}";
        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