@extends('layouts.app')
@section('title', 'Employment Application Form')
@section('content')
<div class="container page-content">
    <div class="row page-col pb-3">
        <div class="col">
            <h1 class="font-weight-bold typography-4 mb-0">Employment Application</h1>
        </div>
        <div class="col text-end">
            @if( $pre_application->checkPendingApplication() )
            <a class="ms-2 btn btn-purple btn-custom btn" data-id="{{ $pre_application->id }}" data-bs-toggle="modal" data-bs-target="#generatePreEditModal">
                <span><i class="far fa-paper-plane pe-1"></i> Send Edit Link</span>
            </a>
            @endif
            <a class="ms-2 btn btn-black btn-custom" href="{{ url()->previous() }}">Back</a>
        </div>
    </div>
    <div class="row justify-content-start page-col pb-1">
        <div class="col-12">
            <div class="accordion accordion-flush" id="accordion_employment_details">
                <div class="col-12">
                    <div class="mb-3 row align-items-center">
                        <div class="col-12 col-xl-2 pb-3 pb-xl-0 text-center">
                            <img id="thumbnail" src="{{ Storage::disk('public')->url($pre_application->photo_attachment_url) }}" alt="{{ $pre_application->photo_attachment_url }}" title="{{ $pre_application->full_name }}'s Photo">
                        </div><!-- Photo -->
                        <div class="col-12 col-xl-10">
                            <div class="card mb-3">
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="flush-headingOne">
                                        <button class="accordion-button font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="true" aria-controls="flush-collapseOne">
                                            {{ __('Employment Details') }}
                                        </button>
                                    </h2>
                                    <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordion_employment_details">
                                        <div class="accordion-body">
                                            <div class="row">
                                                <div class="{{ $pre_application->employee_type == 'Permanent' ? 'col-md-6 col-12' : 'col-12' }}">
                                                    <div class="mb-3 row">
                                                        <label for="employee_type" class="col-12 col-form-label">
                                                            {{ __('Employee Type') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="selected_employee_type" type="text" class="form-control" name="employee_type" value="{{ $pre_application->employee_type }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Employee Type -->
                                                @if( $pre_application->employee_type == 'Permanent' )
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="job_position" class="col-12 col-form-label my-2 my-md-0">
                                                            {{ __('Which job position are you applying for?') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="job_position" type="text" class="form-control" name="job_position" value="{{ $pre_application->job_position }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Job Position -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="availability" class="col-12 col-form-label">
                                                            {{ __('Earliest availability / Notice period') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="availability" type="text" class="form-control" name="availability" value="{{ $pre_application->availability }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Earliest availability / Notice period -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="expected_salary" class="col-12 col-form-label">
                                                            {{ __('Expected Monthly Salary') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="expected_salary" type="text" class="form-control" name="expected_salary" value="RM {{ $pre_application->getDecryptSalary() }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Expected Monthly Salary -->
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Employment Details -->
                    </div>
                </div>
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingTwo">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="true" aria-controls="flush-collapseTwo">
                                {{ __('Personal Information') }}
                            </button>
                        </h2>
                        <div id="flush-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="flush-headingTwo" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="mb-3 row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="full_name" class="col-12 col-form-label">
                                                {{ __('Full Name') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="full_name" type="text" class="form-control" name="full_name" value="{{ $pre_application->full_name }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Full Name -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="nickname" class="col-12 col-form-label">{{ __('Nickname') }}</label>
                                            <div class="col-12">
                                                <input id="nickname" type="text" class="form-control" name="nickname" value="{{ $pre_application->nickname ? $pre_application->nickname : '-' }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Nickname -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="nric" class="col-12 col-form-label">{{ __('NRIC No.') }}</label>
                                            <div class="col-12">
                                                <input id="nric" type="text" class="form-control" name="nric" value="{{ $pre_application->nric }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- NRIC No. -->
                                </div>
                                <div class="mb-3 row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="mobile" class="col-12 col-form-label">
                                                {{ __('Contact No.') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="mobile" type="text" class="form-control" name="mobile" value="{{ $pre_application->mobile }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Contact Number -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="personal_email" class="col-12 col-form-label">
                                                {{ __('Email Address') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="personal_email" type="text" class="form-control" name="personal_email" value="{{ $pre_application->personal_email }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Email -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="gender" class="col-12 col-form-label">
                                                {{ __('Gender') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="gender" type="text" class="form-control" name="gender" value="{{ $pre_application->gender }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Gender -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="birthday" class="col-12 col-form-label">
                                                {{ __('Date of Birth') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="birthday" type="text" class="form-control" name="birthday" value="{{ Carbon\Carbon::parse($pre_application->birthday)->format('d/m/Y') }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Birthday -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="nationality" class="col-12 col-form-label">
                                                {{ __('Nationality') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="nationality" type="text" class="form-control" name="nationality" value="{{ $pre_application->nationality }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Nationality -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="marital_status" class="col-12 col-form-label">
                                                {{ __('Marital Status') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="marital_status" type="text" class="form-control" name="marital_status" value="{{ $pre_application->marital_status }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Marital Status -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="present_location" class="col-12 col-form-label">
                                                {{ __('Present Location') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="present_location" type="text" class="form-control" name="present_location" value="{{ $pre_application->present_location }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Present Location -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="hometown" class="col-12 col-form-label">
                                                {{ __('Hometown') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="hometown" type="text" class="form-control" name="hometown" value="{{ $pre_application->hometown ? $pre_application->hometown : '-' }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Hometown -->
                                    <div class="col-12">
                                        <div class="mb-3 row">
                                            <label for="hobbies_interests" class="col-12 col-form-label">
                                                {{ __('Hobbies / Interests') }}
                                            </label>
                                            <div class="col-12">
                                                <textarea id="hobbies_interests" class="form-control" name="hobbies_interests" rows="3" readonly>{{ $pre_application->hobbies_interests ? $pre_application->hobbies_interests : '-' }}</textarea>
                                            </div>
                                        </div>
                                    </div><!-- Hobbies / Interests -->
                                </div><!-- Personal Information -->
                            </div>
                        </div>
                    </div>
                </div><!-- Personal Information -->
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingThree">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="true" aria-controls="flush-collapseThree">
                                {{ __('Language Proficiency (Poor to Excellent)') }}
                            </button>
                        </h2>
                        <div id="flush-collapseThree" class="accordion-collapse collapse show" aria-labelledby="flush-headingThree" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="row">
                                    @php 
                                        $languages_spoken = [
                                            'english' => $pre_application->english_spoken, 
                                            'malay' => $pre_application->malay_spoken, 
                                            'mandarin' => $pre_application->mandarin_spoken 
                                        ]; 
                                    @endphp
                                    @foreach( $languages_spoken as $language => $spoken_value )
                                    <div class="col-12 col-md-4 mb-3">
                                        <label for="{{ $language }}_spoken" class="col-form-label text-capitalize">
                                            {{ $language }} (Spoken)
                                        </label>
                                        <div class="form-check rating_css ps-3 ps-md-0">
                                            @for( $i=1; $i<=5; $i++)
                                            <input type="radio" name="{{ $language }}_spoken" id="{{ $language }}_spoken_{{$i}}" value="{{$i}}" {{ $spoken_value == $i ? 'checked' : 'disabled' }}>
                                            <label for="{{ $language }}_spoken_{{$i}}" class="fas fa-square{{ $spoken_value >= $i ? ' text-main' : '' }}"></label>
                                            @endfor
                                        </div>
                                    </div><!-- {{ $language }} (Spoken) -->
                                    @endforeach
                                </div>
                                <div class="row">
                                    @php 
                                        $languages_written = [
                                            'english' => $pre_application->english_written, 
                                            'malay' => $pre_application->malay_written, 
                                            'mandarin' => $pre_application->mandarin_written 
                                        ]; 
                                    @endphp
                                    @foreach( $languages_written as $language => $written_value )
                                    <div class="col-12 col-md-4 mb-3">
                                        <label for="{{ $language }}_written" class="col-form-label text-capitalize">
                                            {{ $language }} (Written)
                                        </label>
                                        <div class="form-check rating_css ps-3 ps-md-0">
                                            @for( $i=1; $i<=5; $i++)
                                            <input type="radio" name="{{ $language }}_written" id="{{ $language }}_written_{{$i}}" value="{{$i}}" {{ $written_value == $i ? 'checked' : 'disabled' }}>
                                            <label for="{{ $language }}_written_{{$i}}" class="fas fa-square {{ $written_value >= $i ? ' text-main' : '' }}"></label>
                                            @endfor
                                        </div>
                                    </div><!-- English (Written) -->
                                    @endforeach
                                </div>
                                <div class="mb-3 row">
                                    <div class="col-12">
                                        <label for="other_language" class="col-12 col-form-label">
                                            {{ __('Do candidate speak any other languages / dialects?') }}
                                        </label>
                                        <div class="col-12">
                                            <input id="other_language" type="text" class="form-control" name="other_language" value="{{ $pre_application->other_language ? $pre_application->other_language : '-' }}" readonly />
                                        </div>
                                    </div><!-- Other languages / dialects -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Language Proficiency -->
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingFour">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="true" aria-controls="flush-collapseFour">
                                {{ __('Employment History') }}
                            </button>
                        </h2>
                        <div id="flush-collapseFour" class="accordion-collapse collapse show" aria-labelledby="flush-headingFour" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="mb-3 row">
                                    <div class="col-12">
                                        <label for="current_employed" class="col-12 col-form-label ms-0 ms-md-3">
                                            {{ __('Are you currently employed?') }}
                                        </label>
                                        <div class="col-12 ms-3">
                                            <input id="current_employed" type="text" class="form-control " name="current_employed" value="{{  $pre_application->current_employed == 1 ? 'Yes' : 'No' }}" readonly/>
                                        </div>
                                    </div><!-- Current employed status -->
                                    <div id="first_employer_card" class="card py-2 my-3">
                                        <div class="card-header mb-2">
                                            {{ __('EMPLOYER #1') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_company_name" class="col-12 col-form-label">
                                                            {{ __('Employer 1: Company Name') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_company_name" type="text" class="form-control" name="first_company_name" value="{{ $pre_application->first_company_name ? $pre_application->first_company_name : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- First Company Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_position" class="col-12 col-form-label">
                                                            {{ __('Employer 1: Position') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_position" type="text" class="form-control" name="first_position" value="{{ $pre_application->first_position ? $pre_application->first_position : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- First Position -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_tenure_of_service" class="col-12 col-form-label">
                                                            {{ __('Employer 1: Tenure of Service') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_tenure_of_service" type="text" class="form-control" name="first_tenure_of_service" value="{{ $pre_application->first_tenure_of_service ? $pre_application->first_tenure_of_service : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- First Tenure of Service -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_basic_salary" class="col-12 col-form-label">
                                                            {{ __('Employer 1: Basic Salary') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_basic_salary" type="text" class="form-control" name="first_basic_salary" value="RM {{ $pre_application->first_basic_salary ? $pre_application->first_basic_salary : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- First Basic Salary -->
                                                <div class="col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_reason_leaving" class="col-12 col-form-label">
                                                            {{ __('Employer 1: Reason for Leaving') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <textarea id="first_reason_leaving" class="form-control" name="first_reason_leaving" rows="3" readonly>{{ $pre_application->first_reason_leaving ? $pre_application->first_reason_leaving : '-' }}</textarea>
                                                        </div>
                                                    </div>
                                                </div><!-- First Reason for Leaving -->
                                            </div>
                                        </div>
                                    </div><!-- EMPLOYER #1 -->
                                    @if( $pre_application->hasTwoEmployer() )
                                    <div id="second_employer_card" class="card py-2 mb-3">
                                        <div class="card-header mb-2">
                                            {{ __('EMPLOYER #2') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_company_name" class="col-12 col-form-label">
                                                            {{ __('Employer 2: Company Name') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_company_name" type="text" class="form-control" name="second_company_name" value="{{ $pre_application->second_company_name }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Second Company Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_position" class="col-12 col-form-label">
                                                            {{ __('Employer 2: Position') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_position" type="text" class="form-control" name="second_position" value="{{ $pre_application->second_position }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Second Position -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_tenure_of_service" class="col-12 col-form-label">
                                                            {{ __('Employer 2: Tenure of Service') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_tenure_of_service" type="text" class="form-control" name="second_tenure_of_service" value="{{ $pre_application->second_tenure_of_service }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Second Tenure of Service -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_basic_salary" class="col-12 col-form-label">
                                                            {{ __('Employer 2: Basic Salary') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_basic_salary" type="text" class="form-control" name="second_basic_salary" value="RM {{ $pre_application->second_basic_salary }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Second Basic Salary -->
                                                <div class="col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_reason_leaving" class="col-12 col-form-label">
                                                            {{ __('Employer 2: Reason for Leaving') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <textarea id="second_reason_leaving" class="form-control" name="second_reason_leaving" rows="3" readonly>{{ $pre_application->second_reason_leaving }}</textarea>
                                                        </div>
                                                    </div>
                                                </div><!-- Second Reason for Leaving -->
                                            </div>
                                        </div>
                                    </div><!-- EMPLOYER #2 -->
                                    @endif
                                    @if( $pre_application->hasThreeEmployer() )
                                    <div id="third_employer_card" class="card py-2">
                                        <div class="card-header mb-2">
                                            {{ __('EMPLOYER #3') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="third_company_name" class="col-12 col-form-label">
                                                            {{ __('Employer 3: Company Name') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="third_company_name" type="text" class="form-control" name="third_company_name" value="{{ $pre_application->third_company_name }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Third Company Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="third_position" class="col-12 col-form-label">
                                                            {{ __('Employer 3: Position') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="third_position" type="text" class="form-control" name="third_position" value="{{ $pre_application->third_position }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Third Position -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="third_tenure_of_service" class="col-12 col-form-label">
                                                            {{ __('Employer 3: Tenure of Service') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="third_tenure_of_service" type="text" class="form-control" name="third_tenure_of_service" value="{{ $pre_application->third_tenure_of_service }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Third Tenure of Service -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="third_basic_salary" class="col-12 col-form-label">
                                                            {{ __('Employer 3: Basic Salary') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="third_basic_salary" type="text" class="form-control" name="third_basic_salary" value="RM {{ $pre_application->third_basic_salary }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Third Basic Salary -->
                                                <div class="col-12">
                                                    <div class="mb-3 row">
                                                        <label for="third_reason_leaving" class="col-12 col-form-label">
                                                            {{ __('Employer 3: Reason for Leaving') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <textarea id="third_reason_leaving" class="form-control" name="third_reason_leaving" rows="3" readonly>{{ $pre_application->third_reason_leaving }}</textarea>
                                                        </div>
                                                    </div>
                                                </div><!-- Third Reason for Leaving -->
                                            </div>
                                        </div>
                                    </div><!-- EMPLOYER #3 -->
                                    @endif
                                </div><!-- Previous Employers -->
                                <div class="row">
                                    <div class="card py-2 mb-3">
                                        <div class="card-header mb-2">
                                            {{ __('REFERENCE #1') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_reference_name" class="col-12 col-form-label">
                                                            {{ __('Full Name') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_reference_name" type="text" class="form-control" name="first_reference_name" value="{{ $pre_application->first_reference_name ? $pre_application->first_reference_name : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Full Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_reference_mobile" class="col-12 col-form-label">
                                                            {{ __('Contact No.') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_reference_mobile" type="text" class="form-control" name="first_reference_mobile" value="{{ $pre_application->first_reference_mobile ? $pre_application->first_reference_mobile : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Contact Number -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_reference_email" class="col-12 col-form-label">
                                                            {{ __('Email') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_reference_email" type="text" class="form-control" name="first_reference_email" value="{{ $pre_application->first_reference_email ? $pre_application->first_reference_email : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Email -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="first_reference_relationship" class="col-12 col-form-label">
                                                            {{ __('Relationship') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="first_reference_relationship" type="text" class="form-control" name="first_reference_relationship" value="{{ $pre_application->first_reference_relationship ? $pre_application->first_reference_relationship : '-' }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Relationship -->
                                            </div>
                                        </div>
                                    </div><!--  REFERENCE #1 -->
                                    @if( $pre_application->hasSecondReference() )
                                    <div class="card py-2 mb-3">
                                        <div class="card-header mb-2">
                                            {{ __('REFERENCE #2') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_reference_name" class="col-12 col-form-label">
                                                            {{ __('Full Name') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_reference_name" type="text" class="form-control" name="second_reference_name" value="{{ $pre_application->second_reference_name }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Full Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_reference_mobile" class="col-12 col-form-label">
                                                            {{ __('Contact No.') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_reference_mobile" type="text" class="form-control" name="second_reference_mobile" value="{{ $pre_application->second_reference_mobile }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Contact Number -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_reference_email" class="col-12 col-form-label">
                                                            {{ __('Email') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_reference_email" type="text" class="form-control" name="second_reference_email" value="{{ $pre_application->second_reference_email }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Email -->
                                                <div class="col-md-6 col-12">
                                                    <div class="mb-3 row">
                                                        <label for="second_reference_relationship" class="col-12 col-form-label">
                                                            {{ __('Relationship') }}
                                                        </label>
                                                        <div class="col-12">
                                                            <input id="second_reference_relationship" type="text" class="form-control" name="second_reference_relationship" value="{{ $pre_application->second_reference_relationship }}" readonly />
                                                        </div>
                                                    </div>
                                                </div><!-- Relationship -->
                                            </div>
                                        </div>
                                    </div><!--  REFERENCE #2 -->
                                    @endif
                                </div><!-- References -->
                            </div>
                        </div>
                    </div>
                </div><!-- Employment History -->
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingFive">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="true" aria-controls="flush-collapseFive">
                                {{ __('Education History') }}
                            </button>
                        </h2>
                        <div id="flush-collapseFive" class="accordion-collapse collapse show" aria-labelledby="flush-headingFive" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="major" class="col-12 col-form-label">
                                                {{ __('Highest Educational Qualification & Studies') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="major" type="text" class="form-control" name="major" value="{{ $pre_application->major }}" readonly/>
                                            </div>
                                        </div>
                                    </div><!-- Highest Educational Qualification & Studies -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="academy_name" class="col-12 col-form-label">
                                                {{ __('Name of University / College / School') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="academy_name" type="text" class="form-control" name="academy_name" value="{{  $pre_application->academy_name }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Name of University / College / School -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="other_certificate" class="col-12 col-form-label">
                                                {{ __('Other Certificates / Licenses') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="other_certificate" type="text" class="form-control" name="other_certificate" value="{{ $pre_application->other_certificate ? $pre_application->other_certificate : '-' }}" readonly/>
                                            </div>
                                        </div>
                                    </div><!-- Other Certificates / Licenses -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="support_document" class="col-12 col-form-label">
                                                {{ __('Supporting Document') }}
                                            </label>
                                            <div class="col-12">
                                                @if( $pre_application->support_document )
                                                <div class="form-control-plaintext">
                                                    <a href="{{ Storage::disk('public')->url($pre_application->support_document) }}" class="btn btn-link pt-1 d-flex align-items-center" target="_blank">
                                                        <i class="far fa-2x fa-file-pdf text-dark-red pe-2"></i>View PDF attachment
                                                    </a>
                                                </div>
                                                @else
                                                <input id="support_document" type="text" class="form-control " name="support_document" value="N/A" readonly/>
                                                @endif
                                            </div>
                                        </div>
                                    </div><!-- Supporting Document -->
                                    <div class="col-12">
                                        <div class="mb-3 row">
                                            <label for="software" class="col-12 col-form-label">
                                                {{ __('Software able to use that is relevant to the position applying for') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="software" type="text" class="form-control " name="software" value="{{  $pre_application->software }}" readonly/>
                                            </div>
                                        </div>
                                    </div><!-- Software Knowledge -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Education History -->
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingSix">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSix" aria-expanded="true" aria-controls="flush-collapseSix">
                                {{ __('File Attachments') }}
                            </button>
                        </h2>
                        <div id="flush-collapseSix" class="accordion-collapse collapse show" aria-labelledby="flush-headingSix" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="cv_resume_attachment" class="col-12 col-form-label">
                                                {{ __('CV / Resume') }}
                                            </label>
                                            <div class="col-12">
                                                <div class="form-control-plaintext">
                                                    <a href="{{ Storage::disk('public')->url($pre_application->cv_resume_attachment) }}" class="btn btn-link pt-1 d-flex align-items-center" target="_blank">
                                                        <i class="far fa-2x fa-file-pdf text-dark-red pe-2"></i>View PDF attachment
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- CV / Resume Attachment -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="cover_letter_attachment" class="col-12 col-form-label">
                                                {{ __('Cover Letter') }}
                                            </label>
                                            <div class="col-12">
                                                @if( $pre_application->cover_letter_attachment )
                                                <div class="form-control-plaintext">
                                                    <a href="{{ Storage::disk('public')->url($pre_application->cover_letter_attachment) }}" class="btn btn-link pt-1 d-flex align-items-center" target="_blank">
                                                        <i class="far fa-2x fa-file-pdf text-dark-red pe-2"></i>View PDF attachment
                                                    </a>
                                                </div>
                                                @else
                                                <input id="cover_letter_attachment" type="text" class="form-control " name="cover_letter_attachment" value="N/A" readonly/>
                                                @endif
                                            </div>
                                        </div>
                                    </div><!-- Cover Letter Attachment -->
                                </div>
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="cover_video_link" class="col-12 col-form-label">
                                                {{ __('Cover Video (Link)') }}
                                            </label>
                                            <div class="col-12">
                                                @if( $pre_application->cover_video_link )
                                                <div class="form-control-plaintext">
                                                    <a class="btn btn-link pt-1 d-flex align-items-center" href="{{ $pre_application->cover_video_link }}" target="_blank">Link Here</a>
                                                </div>
                                                @else
                                                <input id="cover_video_link" type="text" class="form-control" name="cover_video_link" value="N/A" readonly/>
                                                @endif
                                            </div>
                                        </div>
                                    </div><!-- Cover Video Link -->
                                    <div class="col-md-6 col-12">
                                        <div class="mb-3 row">
                                            <label for="work_portfolio_links" class="col-12 col-form-label">
                                                {{ __('Work Portfolio Links') }}
                                            </label>
                                            <div class="col-12">
                                                @if( $pre_application->work_portfolio_links )
                                                <textarea id="work_portfolio_links" type="text" class="form-control" rows="1" name="work_portfolio_links" readonly>{{ $pre_application->work_portfolio_links }}</textarea>
                                                {{--<div class="form-control-plaintext">
                                                    <a class="btn btn-link pt-1 d-flex align-items-center" href="{{ $pre_application->work_portfolio_links }}" target="_blank">Link Here</a>
                                                </div>--}}
                                                @else
                                                <input id="work_portfolio_links" type="text" class="form-control" name="work_portfolio_links" value="N/A" readonly/>
                                                @endif
                                            </div>
                                        </div>
                                    </div><!-- Work Portfolio Links -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- File Attachments -->
                <div class="card mb-3">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingSeven">
                            <button class="accordion-button collapsed font-weight-semibold typography-2" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSeven" aria-expanded="true" aria-controls="flush-collapseSeven">
                                {{ __('Additional Information') }}
                            </button>
                        </h2>
                        <div id="flush-collapseSeven" class="accordion-collapse collapse show" aria-labelledby="flush-headingSeven" data-bs-parent="#accordion_employment_details">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="mb-3 row">
                                            <label for="referred_by" class="col-12 col-form-label my-2 my-md-0">
                                                {{ __('Referred by a Webqlorian? We would love to know who!') }}
                                            </label>
                                            <div class="col-12">
                                                <input id="referred_by" type="text" class="form-control" name="referred_by" value="{{ $pre_application->referred_by ? $pre_application->referred_by : '-' }}" readonly />
                                            </div>
                                        </div>
                                    </div><!-- Referred By -->
                                    <div class="col-12">
                                        <div class="mb-3 row">
                                            <label for="anything_to_share" class="col-12 col-form-label my-2 my-md-0">
                                                {{ __('Is there anything else you would like to share with us? ') }}
                                            </label>
                                            <div class="col-12">
                                                <textarea id="anything_to_share" class="form-control" name="anything_to_share" rows="3" readonly>{{ $pre_application->anything_to_share ? $pre_application->anything_to_share :  '-' }}</textarea>
                                            </div>
                                        </div>
                                    </div><!-- Additional Things to Share -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Additional Information -->
            </div>
        </div>
    </div>
    @if( $pre_application->checkPendingApplication() )
    <div class="page-col text-end">
        <a id="btn_hiring" class="ms-2 btn btn-success btn-custom text-white" data-action="{{ route('hiring-pre-application', ['id'=>$pre_application->id]) }}" data-id="{{ $pre_application->id }}">
            Hiring
        </a>
    </div>
    @endif
    
</div>
@push('modal')
<div class="modal fade" id="generatePreEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="POST" id="generatePreEditForm" action="" autocomplete="off">
                @csrf
                <input type="hidden" name="id" value="{{ $pre_application->id }}">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">Send Edit URL Pre-Candidate's Email</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3 row">
                        <label for="remarks" class="col-12 col-form-label required-label">
                            {{ __('Remarks') }}
                        </label>
                        <div class="col-12">
                            <textarea id="remarks" class="form-control @error('remarks') is-invalid @enderror" name="remarks" rows="3" placeholder="Write a note to this candidate...">{{ old('remarks') }}</textarea>
                            <span class="invalid-feedback" role="alert">
                                <strong id="error_remarks"></strong>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-black" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-purple btn-modal-save">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endpush
@endsection
@push('js')
<script type="text/javascript">
    $(document).ready(function(){
        $('#generatePreEditModal').on('show.bs.modal', function (event) {
            var id = $(event.relatedTarget).data('id');
            var url = "{{ route('pre-application-generate-edit', ['id'=>":id"]) }}";
            url = url.replace(":id", id);
            $('#generatePreEditForm').attr("action", url);
        });
        $("#generatePreEditForm").submit(function(event) {
            event.preventDefault();
            $('.btn-modal-save').prop('disabled', true);
            $('.btn-modal-save').html('<i class="fas fa-circle-notch  fa-spin"></i> Loading');
            var formData = new FormData(this);
            var action_url = $(this).attr('action');
            $.ajax({
                type: 'POST',
                url: action_url,
                data: formData,
                processData: false,
                contentType: false,
                success: function(data) {
                    $.each(data, function(k, v) {
                        console.log(k, v);
                        if (k == 'success'){
                            Swal.fire({
                                icon: 'success',
                                title: 'Sent!',
                                text: 'Generated edit URL has been sent to user email.',
                                showConfirmButton:false,
                                timer: 1500
                            })
                            $('#generatePreEditModal').modal('hide');
                            $('.btn-modal-save').prop('disabled', false);
                            setTimeout(function() {
                                // location.reload();
                                window.location.href = "{{ route('employee-application-index') }}";
                            }, 500);
                        }else{
                            $('textarea[name='+k+']').addClass('is-invalid');
                            $('#error_'+k).html(v);
                            $('.btn-modal-save').prop('disabled', false);
                            $('.btn-modal-save').html('Save');
                        }
                    });
                }
            });
        });
        $('#generatePreEditModal').on('hidden.bs.modal', function(e){
            $('#remarks').val('');
        });

        // Hiring Employment Application
        $('#btn_hiring').on('click',function(e){
            e.preventDefault();
            var application_object = $(this);
            Swal.fire({
                title: 'Hiring Application?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#38c172',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, confirm it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    var action = application_object.attr('data-action');
                    var id = application_object.attr('data-id');

                    $('body').html("<form class='form-inline confirm-form' method='get' action='"+action+"' autocomplete='off'></form>");
                    $('body').find('.confirm-form').append('<input name="id" type="hidden" value="'+id+'">');
                    $('body').find('.confirm-form').submit();
                }
            });
        });
    });
</script>
@endpush