@extends('admin.layouts.layouts')

@section('title', 'Generate Employee | Joining Form')

@section('page-css')
    <link href="https://unpkg.com/cropperjs@1.5.13/dist/cropper.min.css" rel="stylesheet">
    <style>
        .owner_details {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }

        .select2-container--default .select2-selection--multiple {
            border-radius: 0 !important;
        }

        .select2-container--default .select2-selection--multiple .select2-search__field {
            padding: 9px 24px !important;
        }

        .input-group-append .img-thumbnail{
            border-radius: 0;
        }
    </style>
@endsection

@section('content')
    <div class="page-header">
        <h3 class="page-title">Joining Form</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">Joining Form</li>
            </ol>
        </nav>
    </div>

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

        @csrf
        {{ Form::hidden('id', $interview->id) }}

        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>Personal Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('employee_name', 'Full Name (As Per Aadhar Card)', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('employee_name', old('employee_name', $interview->name ?? ''), [
                                    'class' => 'form-control onlytxt',
                                    'id' => 'employee_name',
                                    'placeholder' => 'Enter Full Name',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter full name',
                                    'data-parsley-pattern' => '^[a-zA-Z_ ]*$',
                                    'maxlength' => '100',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Full name may not be greater than 100 characters',
                                    'data-parsley-pattern-message' => 'Only alphabets are allowed',
                                    'data-parsley-errors-container' => '#employee_name_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="employee_name_error">{{ $errors->first('employee_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('short_name', 'Nick Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('short_name', old('short_name'), [
                                    'class' => 'form-control',
                                    'id' => 'short_name',
                                    'placeholder' => 'Enter Nick Name',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter nick name',
                                    'data-parsley-pattern' => '^[a-zA-Z_ ]*$',
                                    'maxlength' => '100',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Nick name may not be greater than 100 characters',
                                    'data-parsley-pattern-message' => 'Only alphabets are allowed',
                                    'data-parsley-errors-container' => '#short_name_error',
                                ]) !!}
                                <span class="text-danger" id="short_name_error">{{ $errors->first('short_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('mother_name', 'Mother Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('mother_name', old('mother_name'), [
                                    'class' => 'form-control onlytxt',
                                    'id' => 'mother_name',
                                    'placeholder' => 'Enter Mother Name',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter mother name',
                                    'data-parsley-pattern' => '^[a-zA-Z_ ]*$',
                                    'maxlength' => '100',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Mother name may not be greater than 100 characters',
                                    'data-parsley-pattern-message' => 'Only alphabets are allowed',
                                    'data-parsley-errors-container' => '#mother_name_error',
                                ]) !!}
                                <span class="text-danger" id="mother_name_error">{{ $errors->first('mother_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('phone_number', 'Mobile Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('phone_number', old('phone_number', $interview->mobile_no ?? ''), [
                                    'class' => 'form-control mobile',
                                    'id' => 'phone_number',
                                    'placeholder' => 'Enter Mobile Number',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-type' => 'digits',
                                    'data-parsley-required-message' => 'Please enter mobile number',
                                    'maxlength' => '10',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-type-message' => 'Please enter valid mobile number',
                                    'data-parsley-errors-container' => '#phone_number_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="phone_number_error">{{ $errors->first('phone_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('email', 'Personal Email', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::email('email', old('email', $interview->email ?? ''), [
                                    'class' => 'form-control',
                                    'id' => 'email',
                                    'placeholder' => 'Enter Personal Email',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-type' => 'email',
                                    'data-parsley-pattern' => '^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,}$',
                                    'data-parsley-pattern-message' => 'Please enter valid personal email',
                                    'data-parsley-required-message' => 'Please enter personal email',
                                    'data-parsley-type-message' => 'Please enter valid personal email',
                                    'data-parsley-validate-full-width-characters' => 'true',
                                    'data-parsley-errors-container' => '#email_error',
                                ]) !!}
                                <span class="text-danger" id="email_error">{{ $errors->first('email') }}</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', ['Male' => 'Male', 'Female' => 'Female'], old('gender', $interview->gender ?? ''), [
                                    'class' => 'form-control select2',
                                    'id' => 'gender',
                                    'placeholder' => 'Select Gender',
                                    'data-parsley-required' => '',
                                    'data-parsley-required-message' => 'Please select gender',
                                    'data-parsley-errors-container' => '#gender_error',
                                ]) !!}
                                <span class="text-danger" id="gender_error">{{ $errors->first('gender') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('blood_group', 'Blood Group', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select(
                                    'blood_group',
                                    array_combine($bloodGroups, $bloodGroups),
                                    old('blood_group', $interview->blood_group ?? ''),
                                    [
                                        'class' => 'form-control select2',
                                        'id' => 'blood_group',
                                        'placeholder' => 'Select Blood Group',
                                        'data-parsley-required' => '',
                                        'data-parsley-required-message' => 'Please select blood group',
                                        'data-parsley-errors-container' => '#blood_group_error',
                                    ],
                                ) !!}
                                <span class="text-danger" id="blood_group_error">{{ $errors->first('blood_group') }}</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))), [
                                    'class' => 'form-control dateOfBirth',
                                    'id' => 'date_of_birth',
                                    'placeholder' => 'Select Date Of Birth',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please select date of birth',
                                    'data-parsley-datecustom' => '',
                                    'data-parsley-errors-container' => '#date_of_birth_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="date_of_birth_error">{{ $errors->first('date_of_birth') }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('residential_address', 'Residential Address', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::textarea('residential_address', old('residential_address'), [
                                    'class' => 'form-control',
                                    'id' => 'residential_address',
                                    'rows' => 3,
                                    'placeholder' => 'Enter Residential Address',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter residential address',
                                    'data-parsley-errors-container' => '#residential_address_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="residential_address_error">{{ $errors->first('residential_address') }}</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                {!! Form::label('address', 'Permanent Address', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::textarea('address', old('address', $interview->address ?? ''), [
                                    'class' => 'form-control',
                                    'id' => 'address',
                                    'rows' => 3,
                                    'placeholder' => 'Enter Permanent Address',
                                    'data-parsley-required' => '',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter permanent address',
                                    'data-parsley-errors-container' => '#address_error',
                                ]) !!}
                                <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('profile_photo', 'Profile Photo', ['class' => 'form-label']) !!}
                                {!! Form::file('profile_photo', [
                                    'class' => 'form-control',
                                    'id' => 'profile_photo',
                                    'accept' => 'image/jpeg,image/png,image/jpg',
                                    'data-parsley-max-file-size' => '3',
                                    'data-parsley-file-extension' => 'jpg,jpeg,png',
                                    'data-parsley-errors-container' => '#profile_photo_error',
                                ]) !!}
                                <small class="text-muted d-block mt-1">(Allowed file types: JPG, JPEG, PNG, Max:
                                    3MB)</small>
                            </div>
                            <span class="text-danger" id="profile_photo_error"></span>
                        </div>
                        <div class="col-md-4">
                            <img id="preview_photo" src="{{ asset('assets/images/noimage/no-image.jpeg') }}"
                                alt="Profile Preview" class="img-thumbnail viewable"
                                style="width: 90px; height: 90px; object-fit: cover;">
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>Office Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('work_email', 'Work Email', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::email('work_email', old('work_email'), [
                                    'class' => 'form-control',
                                    'id' => 'work_email',
                                    'placeholder' => 'Enter Work Email',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'required',
                                    'data-parsley-type' => 'email',
                                    'data-parsley-pattern' => '^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,}$',
                                    'data-parsley-pattern-message' => 'Please enter valid work email',
                                    'data-parsley-required-message' => 'Please enter work email',
                                    'data-parsley-type-message' => 'Please enter valid work email',
                                    'data-parsley-validate-full-width-characters' => 'true',
                                    'data-parsley-errors-container' => '#work_email_error',
                                ]) !!}
                                <span class="text-danger" id="work_email_error">{{ $errors->first('work_email') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('date_of_joining', 'Date Of Joining', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text(
                                    'date_of_joining',
                                    old('date_of_joining', date('d-m-Y', strtotime($interview->expected_date_of_joining))),
                                    [
                                        'class' => 'form-control',
                                        'id' => 'date_of_joining',
                                        'placeholder' => 'Select Date Of Joining',
                                        'data-parsley-required' => '',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-required-message' => 'Please select date of joining',
                                        'data-parsley-datecustom' => '',
                                        'data-parsley-errors-container' => '#date_of_joining_error',
                                    ],
                                ) !!}
                                <span class="text-danger error-msg"
                                    id="date_of_joining_error">{{ $errors->first('date_of_joining') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('employee_department_id', 'Employee Department', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select(
                                    'employee_department_id',
                                    $departments,
                                    old('employee_department_id', $interview->designation->employee_department_id ?? ''),
                                    [
                                        'class' => 'form-control select2',
                                        'id' => 'employee_department_id',
                                        'placeholder' => 'Select Employee Department',
                                        'data-parsley-required' => '',
                                        'data-parsley-required-message' => 'Please select employee department',
                                        'data-parsley-errors-container' => '#employee_department_id_error',
                                    ],
                                ) !!}
                                <span class="text-danger"
                                    id="employee_department_id_error">{{ $errors->first('employee_department_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('employee_designation_id', 'Employee Designation', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('employee_designation_id', [], old('employee_designation_id'), [
                                    'class' => 'form-control select2',
                                    'id' => 'employee_designation_id',
                                    'placeholder' => 'Select Employee Designation',
                                    'data-parsley-required' => '',
                                    'data-parsley-required-message' => 'Please select employee designation',
                                    'data-parsley-errors-container' => '#employee_designation_id_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="employee_designation_id_error">{{ $errors->first('employee_designation_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('grade_name', 'Grade', ['class' => 'form-label']) !!}
                                {!! Form::text('grade_name', old('grade_name'), [
                                    'class' => 'form-control',
                                    'id' => 'grade_name',
                                    'readonly',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('expense_limit', 'Expense Limit', ['class' => 'form-label']) !!}
                                {!! Form::text('expense_limit', old('expense_limit'), [
                                    'class' => 'form-control',
                                    'id' => 'expense_limit',
                                    'readonly',
                                ]) !!}
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('employee_role_id', 'Role Permission', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('employee_role_id', $roles, old('employee_role_id'), [
                                    'class' => 'form-control select2',
                                    'id' => 'employee_role_id',
                                    'placeholder' => 'Select Role Permission',
                                    'data-parsley-required' => '',
                                    'data-parsley-required-message' => 'Please select role permission',
                                    'data-parsley-errors-container' => '#employee_role_id_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="employee_role_id_error">{{ $errors->first('employee_role_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('shift_type_id', 'Shift Type', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('shift_type_id', $shiftTypes, old('shift_type_id'), [
                                    'class' => 'form-control select2',
                                    'id' => 'shift_type_id',
                                    'placeholder' => 'Select Shift Type',
                                    'data-parsley-required' => '',
                                    'data-parsley-required-message' => 'Please select shift type',
                                    'data-parsley-errors-container' => '#shift_type_id_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="shift_type_id_error">{{ $errors->first('shift_type_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('reporting_person_id', 'Reporting Person', ['class' => 'form-label']) !!}
                                {!! Form::select(
                                    'reporting_person_id',
                                    $reportingPersons->pluck('name', 'id')->toArray(),
                                    old('reporting_person_id'),
                                    [
                                        'class' => 'form-control select2',
                                        'id' => 'reporting_person_id',
                                        'placeholder' => 'Select Reporting Person',
                                    ],
                                ) !!}
                                <span class="text-danger error-msg"
                                    id="reporting_person_id_error">{{ $errors->first('reporting_person_id') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('head_manager', 'Head Manager', ['class' => 'form-label']) !!}
                                {!! Form::select('head_manager', $reportingPersons->pluck('name', 'id')->toArray(), old('head_manager'), [
                                    'class' => 'form-control select2',
                                    'id' => 'head_manager',
                                    'placeholder' => 'Select Head Manager',
                                    'data-parsley-errors-container' => '#head_manager_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="head_manager_error">{{ $errors->first('head_manager') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('mod_of_travel_ids', 'Mod Of Travel', ['class' => 'form-label']) !!}
                                {!! Form::select('mod_of_travel_ids[]', $modOfTravels, old('mod_of_travel_ids'), [
                                    'id' => 'mod_of_travel_ids',
                                    'class' => 'form-control select2',
                                    'multiple' => 'multiple',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#mod_of_travel_ids_error',
                                ]) !!}
                                <div class="invalid-feedback" id="mod_of_travel_ids_error"></div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('check_in_option', 'Check In Option', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select(
                                    'check_in_option[]',
                                    ['Local' => 'Local', 'Travel' => 'Travel', 'Work From Home' => 'Work From Home'],
                                    old('check_in_option'),
                                    [
                                        'id' => 'check_in_option',
                                        'class' => 'form-control select2',
                                        'multiple' => 'multiple',
                                        'data-parsley-required' => 'required',
                                        'data-parsley-required-message' => 'Please select check in option',
                                        'data-parsley-errors-container' => '#check_in_option_error',
                                    ],
                                ) !!}
                                <span class="text-danger error-msg"
                                    id="check_in_option_error">{{ $errors->first('check_in_option') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4" style="display: none;">
                            <div class="form-group">
                                {!! Form::label('no_of_wfh', 'No Of Work From Home', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('no_of_wfh', old('no_of_wfh'), [
                                    'class' => 'form-control number',
                                    'id' => 'no_of_wfh',
                                    'placeholder' => 'Enter No Of Work From Home',
                                    'data-parsley-type' => 'digits',
                                    'data-parsley-type-message' => 'Please enter valid no of work from home',
                                    'data-parsley-errors-container' => '#no_of_wfh_error',
                                ]) !!}
                                <span class="text-danger" id="no_of_wfh_error">{{ $errors->first('no_of_wfh') }}</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->pluck('country_name', 'id')->toArray(),
                                    old('country', $interview->country_id ?? ''),
                                    [
                                        'class' => 'form-control select2',
                                        'id' => 'country',
                                        'placeholder' => 'Select Country',
                                        'data-parsley-trigger' => 'keyup',
                                        'data-parsley-required' => 'true',
                                        'data-parsley-required-message' => 'Please select country',
                                        'data-parsley-errors-container' => '#country_error',
                                    ],
                                ) !!}
                                <span class="text-danger error-msg"
                                    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'), [
                                    'class' => 'form-control select2',
                                    'id' => 'region',
                                    'placeholder' => 'Select Region',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-required-message' => 'Please select region',
                                    'data-parsley-errors-container' => '#region_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="region_error">{{ $errors->first('region') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('area_location', 'Area Location', ['class' => 'form-label']) !!}
                                {!! Form::text('area_location', old('area_location'), [
                                    'id' => 'area_location',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Area Location',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Area location may not be greater than 100 characters',
                                    'data-parsley-errors-container' => '#area_location_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="area_location_error">{{ $errors->first('area_location') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('base_location', 'Base Location', ['class' => 'form-label']) !!}
                                {!! Form::text('base_location', old('base_location'), [
                                    'id' => 'base_location',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Base Location',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Base location may not be greater than 100 characters',
                                    'data-parsley-errors-container' => '#base_location_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="base_location_error">{{ $errors->first('base_location') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('location_id', 'Location', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::select('location_id', $locations, old('location_id', $interview->location_id), [
                                    'class' => 'form-control select2',
                                    'id' => 'location_id',
                                    'placeholder' => 'Select Location',
                                    'data-parsley-trigger' => 'change',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-required-message' => 'Please select location',
                                    'data-parsley-errors-container' => '#location_id_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="location_id_error">{{ $errors->first('region') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('gratuity_nomination_form', 'Gratuity Nomination Form', ['class' => 'form-label']) !!}
                                {!! Form::file('gratuity_nomination_form', [
                                    'id' => 'gratuity_nomination_form',
                                    'class' => 'form-control',
                                    'data-parsley-trigger' => 'change',
                                    'accept' => '.pdf,.doc,.docx,.jpg,.jpeg,.png',
                                    'data-parsley-fileextension' => 'pdf,doc,docx,png,jpg,jpeg',
                                    'data-parsley-fileextension-message' => 'Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed.',
                                    'data-parsley-errors-container' => '#gratuity_nomination_form_error',
                                ]) !!}
                                <span class="text-danger error-msg"
                                    id="gratuity_nomination_form_error">{{ $errors->first('gratuity_nomination_form') }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-2">
                            <div class="form-group">
                                {!! Form::label('welcome_kit', 'Welcome Kit Given?', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                <div class="row">
                                    <div class="col-md-auto d-flex flex-row">
                                        <div class="form-check me-3">
                                            <label class="form-check-label">
                                                {!! Form::radio('welcome_kit', '1', true, [
                                                    'class' => 'form-check-input',
                                                    'data-parsley-required' => 'true',
                                                    'data-parsley-required-message' => 'Please select welcome kit given',
                                                    'data-parsley-errors-container' => '#welcome_kit_error',
                                                ]) !!}
                                                Yes
                                            </label>
                                        </div>
                                        <div class="form-check me-3 ml-2">
                                            <label class="form-check-label">
                                                {!! Form::radio('welcome_kit', '0', false, [
                                                    'class' => 'form-check-input',
                                                    'data-parsley-errors-container' => '#welcome_kit_error',
                                                ]) !!}
                                                No
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="welcome_kit_error">{{ $errors->first('welcome_kit') }}</span>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                {!! Form::label('medical_disability', 'Medical Disability?', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                <div class="row">
                                    <div class="col-md-auto d-flex flex-row">
                                        <div class="form-check me-3">
                                            <label class="form-check-label">
                                                {!! Form::radio('medical_disability', '1', false, [
                                                    'class' => 'form-check-input',
                                                    'data-parsley-required' => 'true',
                                                    'data-parsley-required-message' => 'Please select medical disability',
                                                    'data-parsley-errors-container' => '#medical_disability_error',
                                                ]) !!}
                                                Yes
                                            </label>
                                        </div>
                                        <div class="form-check me-3 ml-2">
                                            <label class="form-check-label">
                                                {!! Form::radio('medical_disability', '0', true, [
                                                    'class' => 'form-check-input',
                                                    'data-parsley-errors-container' => '#medical_disability_error',
                                                ]) !!}
                                                No
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="medical_disability_error">{{ $errors->first('medical_disability') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4 medical-disability-extra" style="display: none;">
                            <div class="form-group">
                                {!! Form::label('medical_disability_name', 'Disability', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('medical_disability_name', old('medical_disability_name'), [
                                    'id' => 'medical_disability_name',
                                    'class' => 'form-control',
                                    'placeholder' => 'Enter Disability',
                                    'data-parsley-errors-container' => '#medical_disability_name_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="medical_disability_name_error">{{ $errors->first('medical_disability_name') }}</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>KYC Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('aadhar_number', 'Aadhaar Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('aadhar_number', old('aadhar_number'), [
                                    'class' => 'form-control aadharNumber',
                                    'id' => 'aadhar_number',
                                    'placeholder' => 'Enter Aadhaar Number',
                                    'maxlength' => '12',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-type' => 'digits',
                                    'data-parsley-required-message' => 'Please enter aadhaar number',
                                    'data-parsley-type-message' => 'Please enter valid aadhaar number',
                                    'data-parsley-minlength' => '12',
                                    'data-parsley-minlength-message' => 'Aadhaar number at least 12 characters long',
                                    'data-parsley-maxlength' => '12',
                                    'data-parsley-maxlength-message' => 'Aadhaar number may not be greater than 12 character',
                                    'data-parsley-errors-container' => '#aadhar_number_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="aadhar_number_error">{{ $errors->first('aadhar_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('aadhar_front', 'Aadhaar Front', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        {!! Form::file('aadhar_front', [
                                            'class' => 'form-control',
                                            'id' => 'aadhar_front',
                                            'data-parsley-trigger' => 'keyup',
                                            empty($interview->aadhar_front) ? 'data-parsley-required' : '',
                                            empty($interview->aadhar_front) ? 'data-parsley-required-message=Please upload aadhar front' : '',
                                            'data-parsley-fileextension' => 'pdf,doc,docx,png,jpg,jpeg',
                                            'data-parsley-fileextension-message' => 'Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed.',
                                            'data-parsley-errors-container' => '#aadhar_front_error',
                                        ]) !!}

                                        @php
                                            $extension = pathinfo($interview->aadhar_front, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($interview->aadhar_front) && file_exists(public_path('storage/' . $interview->aadhar_front)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $interview->aadhar_front) }}"
                                                        alt="Aadhar Front" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3 viewable">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $interview->aadhar_front) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $interview->aadhar_front_name }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="aadhar_front_error">{{ $errors->first('aadhar_front') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('aadhar_back', 'Aadhaar Back', ['class' => 'form-label']) !!}
                                <div class="align-items-start">
                                    <div class="input-group">
                                        {!! Form::file('aadhar_back', [
                                            'class' => 'form-control',
                                            'id' => 'aadhar_back',
                                            'data-parsley-fileextension' => 'pdf,doc,docx,png,jpg,jpeg',
                                            'data-parsley-fileextension-message' => 'Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed.',
                                            'data-parsley-errors-container' => '#aadhar_back_error',
                                        ]) !!}

                                        @php
                                            $extension = pathinfo($interview->aadhar_back, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($interview->aadhar_back) && file_exists(public_path('storage/' . $interview->aadhar_back)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $interview->aadhar_back) }}"
                                                        alt="Aadhar Back" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3 viewable">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $interview->aadhar_back) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $interview->aadhar_back_name }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="aadhar_back_error">{{ $errors->first('aadhar_back') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pan_number', 'Pan Number', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('pan_number', old('pan_number'), [
                                    'class' => 'form-control panNumber',
                                    'id' => 'pan_number',
                                    'placeholder' => 'Enter Pan Number',
                                    'maxlength' => '10',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter pan number',
                                    'data-parsley-minlength' => '10',
                                    'data-parsley-minlength-message' => 'Pan number at least 10 characters long',
                                    'data-parsley-maxlength' => '10',
                                    'data-parsley-maxlength-message' => 'Pan number may not be greater than 10 character',
                                    'data-parsley-errors-container' => '#pan_number_error',
                                ]) !!}
                                <span class="text-danger" id="pan_number_error">{{ $errors->first('pan_number') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('pan_file', 'Pan Image', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                <div class="align-items-start">
                                    <div class="input-group">
                                        {!! Form::file('pan_file', [
                                            'class' => 'form-control',
                                            'id' => 'pan_file',
                                            'data-parsley-trigger' => 'keyup',
                                            empty($interview->pan_card) ? 'data-parsley-required' : '',
                                            empty($interview->pan_card) ? 'data-parsley-required-message=Please upload pan image' : '',
                                            'data-parsley-fileextension' => 'pdf,doc,docx,png,jpg,jpeg',
                                            'data-parsley-fileextension-message' => 'Only .pdf, .doc, .docx, .png, .jpg and .jpeg files are allowed.',
                                            'data-parsley-errors-container' => '#pan_file_error',
                                        ]) !!}

                                        @php
                                            $extension = pathinfo($interview->pan_card, PATHINFO_EXTENSION);
                                            $imageExtensions = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($interview->pan_card) && file_exists(public_path('storage/' . $interview->pan_card)))
                                            @if (in_array(strtolower($extension), $imageExtensions))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $interview->pan_card) }}"
                                                        alt="Pan Image" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3 viewable">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $interview->pan_card) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $interview->pan_card_name }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger" id="pan_file_error">{{ $errors->first('pan_file') }}</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>Personal Bank Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('bank_name', 'Bank Name', ['class' => 'form-label']) !!}
                                {!! Form::text('bank_name', old('bank_name', $interview->bank_name), [
                                    'class' => 'form-control',
                                    'id' => 'bank_name',
                                    'placeholder' => 'Enter Bank Name',
                                    'maxlength' => '100',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Bank name may not be greater than 100 characters',
                                    'data-parsley-errors-container' => '#bank_name_error',
                                ]) !!}
                                <span class="text-danger" id="bank_name_error">{{ $errors->first('bank_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('account_no', 'Account Number', ['class' => 'form-label']) !!}
                                {!! Form::text('account_no', old('account_no', $interview->bank_account_no), [
                                    'class' => 'form-control bankAccNumber',
                                    'id' => 'account_no',
                                    'placeholder' => 'Enter Account Number',
                                    'maxlength' => '20',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-minlength-message' => 'Account number at least 11 characters long',
                                    'data-parsley-maxlength' => '20',
                                    'data-parsley-maxlength-message' => 'Account number may not be greater than 20 character',
                                    'data-parsley-errors-container' => '#account_no_error',
                                ]) !!}
                                <span class="text-danger" id="account_no_error">{{ $errors->first('account_no') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('ifsc_code', 'Bank IFSC Code', ['class' => 'form-label']) !!}
                                {!! Form::text('ifsc_code', old('ifsc_code', $interview->bank_ifsc_code), [
                                    'class' => 'form-control bankIFSCCode',
                                    'id' => 'ifsc_code',
                                    'placeholder' => 'Enter Bank IFSC Code',
                                    'maxlength' => '11',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-minlength-message' => 'Bank IFSC code at least 11 characters long',
                                    'data-parsley-maxlength' => '11',
                                    'data-parsley-maxlength-message' => 'Bank IFSC code may not be greater than 11 character',
                                    'data-parsley-errors-container' => '#ifsc_code_error',
                                ]) !!}
                                <span class="text-danger" id="ifsc_code_error">{{ $errors->first('ifsc_code') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('blank_cheque', 'Cheque Image', ['class' => 'form-label']) !!}
                                <div class="align-items-start">
                                    <div class="input-group">
                                        {!! Form::file('blank_cheque', [
                                            'class' => 'form-control',
                                            'id' => 'blank_cheque',
                                            'accept' => 'image/*',
                                            'data-parsley-trigger' => 'keyup',
                                            'data-parsley-filetype' => 'jpg,jpeg,png',
                                            'data-parsley-accept' => 'image/jpg, image/jpeg, image/png',
                                            'data-parsley-errors-container' => '#blank_cheque_error',
                                        ]) !!}

                                        @php
                                            $ext = pathinfo($interview->cancelled_cheque, PATHINFO_EXTENSION);
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (!empty($interview->cancelled_cheque) && file_exists(public_path('storage/' . $interview->cancelled_cheque)))
                                            @if (in_array(strtolower($ext), $isImg))
                                                <div class="input-group-append">
                                                    <img src="{{ asset('storage/' . $interview->cancelled_cheque) }}"
                                                        alt="Pan Image" width="65" height="65"
                                                        class="crudEdit img-thumbnail me-3 viewable">
                                                </div>
                                            @else
                                                <a href="{{ asset('storage/' . $interview->cancelled_cheque) }}"
                                                    class="btn btn-primary img-thumbnail"
                                                    download="{{ $interview->cancelled_cheque_name }}">
                                                    <i class="fa fa-download mt-1"></i>
                                                </a>
                                            @endif
                                        @else
                                            <img src="{{ asset('assets/images/noimage/no-image.jpeg') }}" alt="No Image"
                                                width="65" height="65" class="crudEdit img-thumbnail me-3">
                                        @endif
                                    </div>
                                </div>
                                <span class="text-danger"
                                    id="blank_cheque_error">{{ $errors->first('blank_cheque') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('cheque_number', 'Cheque Number', ['class' => 'form-label']) !!}
                                {!! Form::text('cheque_number', old('cheque_number', $interview->cheque_number), [
                                    'class' => 'form-control chequeNo',
                                    'id' => 'cheque_number',
                                    'placeholder' => 'Enter Cheque Number',
                                    'maxlength' => '6',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '6',
                                    'data-parsley-minlength-message' => 'Cheque number at least 6 characters long',
                                    'data-parsley-maxlength' => '6',
                                    'data-parsley-maxlength-message' => 'Cheque number may not be greater than 6 character',
                                    'data-parsley-errors-container' => '#cheque_number_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="cheque_number_error">{{ $errors->first('cheque_number') }}</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>Company Bank Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('company_bank_name', 'Bank Name', ['class' => 'form-label']) !!}
                                {!! Form::text('company_bank_name', old('company_bank_name'), [
                                    'class' => 'form-control',
                                    'id' => 'company_bank_name',
                                    'placeholder' => 'Enter Bank Name',
                                    'maxlength' => '100',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Bank name may not be greater than 100 characters',
                                    'data-parsley-errors-container' => '#company_bank_name_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="company_bank_name_error">{{ $errors->first('company_bank_name') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('company_account_no', 'Account Number', ['class' => 'form-label']) !!}
                                {!! Form::text('company_account_no', old('company_account_no'), [
                                    'class' => 'form-control bankAccNumber',
                                    'id' => 'company_account_no',
                                    'placeholder' => 'Enter Account Number',
                                    'maxlength' => '20',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-minlength-message' => 'Account number at least 11 characters long',
                                    'data-parsley-maxlength' => '20',
                                    'data-parsley-maxlength-message' => 'Account number may not be greater than 20 character',
                                    'data-parsley-errors-container' => '#company_account_no_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="company_account_no_error">{{ $errors->first('company_account_no') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('company_ifsc_code', 'Bank IFSC Code', ['class' => 'form-label']) !!}
                                {!! Form::text('company_ifsc_code', old('company_ifsc_code'), [
                                    'class' => 'form-control bankIFSCCode',
                                    'id' => 'company_ifsc_code',
                                    'placeholder' => 'Enter Bank IFSC Code',
                                    'maxlength' => '11',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-minlength' => '11',
                                    'data-parsley-minlength-message' => 'Bank IFSC code at least 11 characters long',
                                    'data-parsley-maxlength' => '11',
                                    'data-parsley-maxlength-message' => 'Bank IFSC code may not be greater than 11 character',
                                    'data-parsley-errors-container' => '#company_ifsc_code_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="company_ifsc_code_error">{{ $errors->first('company_ifsc_code') }}</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title"><b>Emergency Contact Details</b></h4>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('emergency_contact_1', 'Emergency Contact No. (1)', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('emergency_contact_1', old('emergency_contact_1'), [
                                    'class' => 'form-control mobile',
                                    'id' => 'emergency_contact_1',
                                    'placeholder' => 'Enter Emergency Contact No. (1)',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '15',
                                    'data-parsley-minlength' => '10',
                                    'data-parsley-minlength-message' => 'Enter emergency contact no. (1) at least 10 characters long',
                                    'data-parsley-maxlength' => '15',
                                    'data-parsley-maxlength-message' => 'Enter emergency contact no. (1) may not be greater than 15 character',
                                    'data-parsley-required-message' => 'Please enter emergency contact no. (1)',
                                    'data-parsley-errors-container' => '#emergency_contact_1_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="emergency_contact_1_error">{{ $errors->first('emergency_contact_1') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name_1', 'Name', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('name_1', old('name_1'), [
                                    'class' => 'form-control',
                                    'id' => 'name_1',
                                    'placeholder' => 'Enter Name',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Name may not be greater than 100 character',
                                    'data-parsley-required-message' => 'Please enter name',
                                    'data-parsley-errors-container' => '#name_1_error',
                                ]) !!}
                                <span class="text-danger" id="name_1_error">{{ $errors->first('name_1') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name_relation_1', 'Name of Relationship', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::text('name_relation_1', old('name_relation_1'), [
                                    'class' => 'form-control',
                                    'id' => 'name_relation_1',
                                    'placeholder' => 'Enter Name of Relationship',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Name of relationship may not be greater than 100 character',
                                    'data-parsley-required-message' => 'Please enter name of relationship',
                                    'data-parsley-errors-container' => '#name_relation_1_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="name_relation_1_error">{{ $errors->first('name_relation_1') }}</span>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('address_1', 'Address', ['class' => 'form-label']) !!} <span class="text-danger">*</span>
                                {!! Form::textarea('address_1', old('address_1'), [
                                    'class' => 'form-control',
                                    'id' => 'address_1',
                                    'rows' => 3,
                                    'placeholder' => 'Enter Address',
                                    'data-parsley-required' => 'true',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-required-message' => 'Please enter address',
                                    'data-parsley-errors-container' => '#address_1_error',
                                ]) !!}
                                <span class="text-danger" id="address_1_error">{{ $errors->first('address_1') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('emergency_contact_2', 'Emergency Contact No. (2)', ['class' => 'form-label']) !!}
                                {!! Form::text('emergency_contact_2', old('emergency_contact_2'), [
                                    'class' => 'form-control mobile',
                                    'id' => 'emergency_contact_2',
                                    'placeholder' => 'Enter Emergency Contact No. (2)',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '15',
                                    'data-parsley-minlength' => '10',
                                    'data-parsley-minlength-message' => 'Enter emergency contact no. (2) at least 10 characters long',
                                    'data-parsley-maxlength' => '15',
                                    'data-parsley-maxlength-message' => 'Enter emergency contact no. (2) may not be greater than 15 character',
                                    'data-parsley-errors-container' => '#emergency_contact_2_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="emergency_contact_2_error">{{ $errors->first('emergency_contact_2') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name_2', 'Name', ['class' => 'form-label']) !!}
                                {!! Form::text('name_2', old('name_2'), [
                                    'class' => 'form-control',
                                    'id' => 'name_2',
                                    'placeholder' => 'Enter Name',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Name may not be greater than 100 character',
                                    'data-parsley-errors-container' => '#name_2_error',
                                ]) !!}
                                <span class="text-danger" id="name_2_error">{{ $errors->first('name_2') }}</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                {!! Form::label('name_relation_2', 'Name of Relationship', ['class' => 'form-label']) !!}
                                {!! Form::text('name_relation_2', old('name_relation_2'), [
                                    'class' => 'form-control',
                                    'id' => 'name_relation_2',
                                    'placeholder' => 'Enter Name of Relationship',
                                    'data-parsley-trigger' => 'keyup',
                                    'maxlength' => '100',
                                    'oninput' => 'this.value=this.value.slice(0,this.maxLength)',
                                    'data-parsley-maxlength' => '100',
                                    'data-parsley-maxlength-message' => 'Name of relationship may not be greater than 100 character',
                                    'data-parsley-errors-container' => '#name_relation_2_error',
                                ]) !!}
                                <span class="text-danger"
                                    id="name_relation_2_error">{{ $errors->first('name_relation_2') }}</span>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                {!! Form::label('address_2', 'Address', ['class' => 'form-label']) !!}
                                {!! Form::textarea('address_2', old('address_2'), [
                                    'class' => 'form-control',
                                    'id' => 'address_2',
                                    'rows' => 3,
                                    'placeholder' => 'Enter Address',
                                    'data-parsley-trigger' => 'keyup',
                                    'data-parsley-errors-container' => '#address_2_error',
                                ]) !!}
                                <span class="text-danger" id="address_2_error">{{ $errors->first('address_2') }}</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="card-title mb-0"><strong>Work Experience Detail</strong></h4>
                        </div>
                        <div class="col-md-12 mt-3">
                            @if (count($interview->experiences) > 0)
                                @foreach ($interview->experiences as $index => $experience)
                                    @include(
                                        'admin.interview_management.work_experience_fields',
                                        compact('index', 'experience'))
                                @endforeach
                            @else
                                @include('admin.interview_management.work_experience_fields', [
                                    'index' => 0,
                                ])
                            @endif
                        </div>
                    </div>
                    <div class="row add_work_exp_btn">
                        <div class="col-md-12 text-right">
                            <a class="btn btn-sm btn-primary" id="addWorkExperienceDetails">
                                <i class="fa fa-plus"></i> Add More
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary btn-fw" id="save-btn">Save</button>
            <a href="{{ route('interview-management.show', $interview->id) }}" class="btn btn-light btn-fw">Cancel</a>
        </div>

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

@section('page-js')
    <script type="text/javascript">
        var indexRoute = "{{ route('interview-management.index') }}";
        var detailRoute = "{{ route('interview-management.show', $interview->id) }}";
        var generateEmployeeRoute = "{{ route('interview-management.generate-candidate') }}";
        var designationsRoute = "{{ route('get-designation') }}";
        var regionsRoute = "{{ route('country.region.regions-of-country') }}";
        var departmentID = "{{ $interview->designation->employee_department_id ?? '' }}";
        var designationID = "{{ $interview->designation_id ?? '' }}";
        var countryID = "{{ $interview->country_id ?? '' }}";
        var regionID = "{{ $interview->region_id ?? '' }}";
    </script>
    <script src="{{ asset('assets/js/admin/generate-employee.js') }}"></script>
    <script src="https://unpkg.com/cropperjs@1.5.13/dist/cropper.min.js"></script>
@endsection