@php
    $cvOption = $singleJob->cv_receive_option;
    $cvEmail = $singleJob->cv_receive_email;
@endphp

@if ($cvOption || ($cvOption && $cvEmail))
    <div class="modal fade" id="applyPosition" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="section-title text-center">
                        <h3>{{ translate('Apply for this Job') }}</h3>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="{{ route('candidate.apply.job') }}" class="add-form">
                        @csrf
                        <div class="row">

                            <input type="hidden" name="user_id" value="{{ authCheck()->id }}">
                            <input type="hidden" name="candidate_id" value="{{ authCheck()->candidate->id }}">
                            <input type="hidden" name="job_id" value="{{ $singleJob->id }}">
                            <input type="hidden" name="company_id" value="{{ $singleJob->company_id }}">

                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="firstname1">{{ translate('First Name') }} <span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/user-2.svg') }}"
                                            alt="user-icon">
                                        <input type="text" id="firstname1" readonly name="first_name"
                                            value="{{ authCheck()->first_name }}" placeholder="Mrs. Jacoline">
                                    </div>
                                    <span class="text-danger error-text first_name_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="lastname">{{ translate('Last Name') }}<span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/user-2.svg') }} "
                                            alt="user-icon">
                                        <input type="text" id="lastname" readonly name="last_name"
                                            value="{{ authCheck()->last_name }}" placeholder="Frankly">
                                    </div>

                                    <span class="text-danger error-text last_name_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="email1">{{ translate('Email') }}<span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/email-2.svg') }}"
                                            alt="email-icon">
                                        <input type="email" id="email1" disabled name="email"
                                            value="{{ authCheck()->email }}" placeholder="info@example.com">
                                    </div>
                                    <span class="text-danger error-text email_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="phonenumber">{{ translate('Phone Number') }} <span>*</span> </label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/phone-2.svg') }}"
                                            alt="phone-icon">
                                        <input pattern="^[0-9+\-\s()]{7,20}$" maxlength="17" type="tel"
                                            id="phonenumber" name="phone" value="{{ authCheck()->phone }}"
                                            placeholder="{{ translate('Enter your phone number') }}">
                                    </div>

                                    <span class="text-danger error-text phone_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-inner mb-25">
                                    <label for="perAddress">{{ translate('Address') }}<span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/map-2.svg') }}"
                                            alt="address-icon">
                                        <input type="text" id="perAddress" name="address"
                                            value="{{ authCheck()->candidate?->candidate_present_address }}"
                                            placeholder="{{ translate('Your Address Here') }}...">
                                    </div>

                                    <span class="text-danger error-text address_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="experiences">{{ translate('Year of Experiences') }}
                                        <span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/experiences-2.svg') }}"
                                            alt="experinces-icon">
                                        <input type="text" id="experiences" name="experience"
                                            value="{{ authCheck()->candidate?->candidate_experience }}"
                                            placeholder="3.5 {{ translate('Years') }}">
                                    </div>

                                    <span class="text-danger error-text experience_err"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-inner mb-25">
                                    <label for="expected_salary">{{ translate('Expected Salary') }}<span>*</span></label>
                                    <div class="input-area">
                                        <img src="{{ asset('frontend/assets/images/icon/experiences-2.svg') }}"
                                            alt="address-icon">
                                        <input type="text" id="expected_salary" name="expected_salary"
                                            value="{{ authCheck()->candidate?->candidate_current_salary }}"
                                            placeholder="{{ translate('Your Expected Salary') }}...">
                                    </div>

                                    <span class="text-danger error-text address_err"></span>
                                </div>
                            </div>

                            @foreach ($customFields as $index => $customField)
                                <div class="col-md-6">
                                    <div class="form-inner mb-25">
                                        <label>{{ $customField->label }} <span>
                                                {{ $customField->required_field ? '*' : '' }} </span></label>
                                        @if ($customField->type == 'file')
                                            <div class="form-inner file-upload mb-35">
                                                <input type="file" class="theme-option-image">
                                                <input type="hidden"
                                                    name="customField[{{ $index }}][{{ $customField->input_name }}]"
                                                    id="old_file">
                                            </div>
                                        @else
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/custom-field-jicon.svg') }}"
                                                    alt="address-icon">
                                                <input type="{{ $customField->type }}"
                                                    name="customField[{{ $index }}][{{ $customField->input_name }}]"
                                                    data-required="{{ $customField->required_field }}">
                                            </div>
                                        @endif
                                        <span
                                            class="text-danger error-text customField_{{ $index }}_{{ $customField->input_name }}_err"></span>
                                    </div>
                                </div>
                            @endforeach
                            <div class="col-md-12 mb-25">
                                <div class="form-inner">
                                    <label>{{ translate('Short Massage About This Position') }}</label>
                                    <textarea rows="3" class="message"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-agreement  d-flex justify-content-between flex-wrap">
                                    <div class="form-group two">
                                        <input type="checkbox" id="html" name="term_condidation">
                                        <label
                                            for="html">{{ translate('Here') }},{{ translate(' I accepted the terms ') }}&amp;
                                            {{ translate('conditions of the company') }}.</label>
                                    </div>
                                </div>
                                <div class="text-danger error-text term_condidation_err"></div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-inner">
                                    <button class="primary-btn-2 mt-20"
                                        data-loading-text="<i class='fa fa-spinner fa-spin'></i> "
                                        type="submit">{{ translate('Apply Now') }}</button>
                                    @if ($singleJob->cv_receive_email)

                                        <div class="egn-or-style">
                                            <span>{{ translate('Or') }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @if ($singleJob->cv_receive_email)
                                <div class="col-md-12 mt-3">
                                    <div class="cv-recieve-wrap">
                                        <p class="mb-2">
                                            {{ translate('Send your resume by email:') }}
                                        </p>
                                        <div class="d-flex justify-content-center align-items-center gap-2 flex-wrap">
                                            <input type="text" class="form-control w-auto text-center"
                                                value="{{ $singleJob->applied_email }}" id="jobEmailCField" readonly>
                                            <button type="button" class="btn btn-success" id="jobEmailCFieldCopyBtn">
                                                <i class="bi bi-clipboard"></i> {{ translate('Copy Email') }}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@elseif($cvEmail && !$cvOption)
    <div class="modal fade" id="applyPosition" tabindex="-1" aria-labelledby="applyPositionLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-md">
            <div class="modal-content border-0 shadow-lg">
                <div class="modal-header custom-modal-header">
                    <h5 class="modal-title" id="applyPositionLabel">{{ translate('Apply by Email') }}</h5>
                    <button type="button" class="btn-close custom-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body text-center p-4">
                    <p class="lead mb-4">{{ translate('Please send your resume to the following email address:') }}
                    </p>

                    <div class="d-flex justify-content-center align-items-center gap-2 mb-3 flex-wrap">
                        <input type="text" class="form-control text-center w-auto" id="jobEmailField"
                            value="{{ $singleJob->applied_email }}" readonly>
                        <button class="btn btn-success btn-copy" id="copyJobEmailBtn">
                            <i class="bi bi-clipboard"></i> {{ translate('Copy') }}
                        </button>

                        <a href="mailto:{{ $singleJob->applied_email }}" class="btn btn-primary">
                            <i class="bi bi-envelope-fill"></i> {{ translate('Send Email') }}
                        </a>
                    </div>

                    <small class="text-muted d-block mt-3">
                        {{ translate('After copying the email, send your application directly to the company.') }}
                    </small>
                </div>
            </div>
        </div>
    </div>
@endif