@extends('front.layouts.master')
@section('title', 'Resume Edit')
@push('post_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('frontend/assets/css/dropify.min.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/assets/css/bootstrap-tagsinput.css') }}">
@endpush
@section('content')
    <div class="dashboard-area pt-30 mb-120">
        <div class="container">
            <div class="row g-lg-4 gy-5 mb-90">
                @include('front.pages.candidate.candidate-sidebar')
                <div class="col-lg-9">
                    <div class="edit-profile-inner">
                        <div class="form-wrapper">
                            <ul class="nav nav-pills" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="basicInformation-tab" data-bs-toggle="tab"
                                        data-bs-target="#basicInformation" type="button" role="tab"
                                        aria-controls="basicInformation"
                                        aria-selected="true"><span></span>{{ translate('Basic Information') }}</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
                                        type="button" role="tab" aria-controls="profile"
                                        aria-selected="false"><span></span>{{ translate('Profile') }}</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
                                        type="button" role="tab" aria-controls="contact"
                                        aria-selected="false"><span></span>{{ translate('Education') }}</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="professional-tab" data-bs-toggle="tab"
                                        data-bs-target="#professional" type="button" role="tab"
                                        aria-controls="professional"
                                        aria-selected="false"><span></span>{{ translate('Professional Info') }}</button>
                                </li>
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="basicInformation" role="tabpanel"
                                    aria-labelledby="basicInformation-tab">
                                    <div class="edit-profile-form profile-form  mb-60">
                                        <form method="post" class="add-form"
                                            action="{{ route('candidate.resume.update') }}" enctype="multipart/form-data">
                                            @csrf

                                            <input type="hidden" name="prefix" value="basic_information">


                                            <div class="row">
                                                <input type="hidden" name="id" value="{{ $candidate->id }}">
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="first_name">{{ translate('First Name') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" id="first_name" name="first_name"
                                                                value="{{ $candidate?->user?->first_name }}" readonly>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-4 col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label for="last_name"> {{ translate('Last Name') }}
                                                            <span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" id="last_name" name="last_name"
                                                                value="{{ $candidate?->user?->last_name }}" readonly>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-2 col-lg-12 position-relative">

                                                    @php

                                                        $image = '';
                                                        if (
                                                            fileExists(
                                                                $folder = 'candidates',
                                                                $fileName = authCheck()->candidate?->candidate_image,
                                                            ) == true &&
                                                            authCheck()->candidate?->candidate_image !== ''
                                                        ) {
                                                            $image =
                                                                'storage/candidates/' .
                                                                authCheck()->candidate->candidate_image;
                                                        }
                                                    @endphp

                                                    <div class="drag-area">
                                                        <p>{{ translate('Upload Images') }}</p>
                                                        <input type="file" name="candidate_image" class="dropify"
                                                            data-default-file="{{ $image ? asset($image) : '' }}"
                                                            data-height="100" />

                                                    </div>
                                                    <div class="text-danger error-text candidate_image_err"></div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_current_job_place">{{ translate('Current Job Place') }}</label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_current_job_place"
                                                                name="candidate_current_job_place"
                                                                value="{{ $candidate->candidate_current_job_place }}"
                                                                placeholder="Company Name">

                                                        </div>
                                                        <div
                                                            class="text-danger error-text candidate_current_job_place_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_designation">{{ translate('Designation') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" class="candidate_designation"
                                                                name="candidate_designation"
                                                                value="{{ $candidate?->profession?->name ?? '' }}"
                                                                placeholder="{{ translate('UI/UX Engineer') }}">

                                                        </div>
                                                        <div class="text-danger error-text candidate_designation_err">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_current_job_place">{{ translate('Current Salary') }}</label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_current_salary"
                                                                name="candidate_current_salary"
                                                                value="{{ $candidate->candidate_current_salary ?? '' }}"
                                                                placeholder="{{ translate('Candidate Current Salary') }}">
                                                        </div>
                                                        <div class="text-danger error-text candidate_current_salary_err">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_current_job_place">{{ translate('Expected Salary') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_expected_salary"
                                                                name="candidate_expected_salary"
                                                                value="{{ $candidate->candidate_expected_salary ?? '' }}"
                                                                placeholder="{{ translate('Candidate Expected Salary') }}">
                                                        </div>
                                                        <div class="text-danger error-text candidate_expected_salary_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Candidate Available Time') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <select name="candidate_available_time"
                                                                id="candidate_available_time">
                                                                <option disabled selected>---{{ translate('Select') }}---
                                                                </option>
                                                                <option value="full_time"
                                                                    {{ isset($candidate->candidate_available_time) ? ($candidate->candidate_available_time == 'full_time' ? 'selected' : '') : '' }}>
                                                                    {{ translate('Full Time') }}</option>
                                                                <option value="part_time"
                                                                    {{ isset($candidate->candidate_available_time) ? ($candidate->candidate_available_time == 'part_time' ? 'selected' : '') : '' }}>
                                                                    {{ translate('Part time') }}</option>
                                                            </select>

                                                        </div>
                                                        <div class="text-danger error-text candidate_available_time_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_current_job_place">{{ translate('Nationality') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_nationality"
                                                                name="candidate_nationality"
                                                                value="{{ $candidate->candidate_nationality ?? '' }}"
                                                                placeholder="{{ translate('Candidate Nationality') }}">

                                                        </div>
                                                        <div class="text-danger error-text candidate_nationality_err">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_experience">{{ translate('Year of Experiences') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_experience"
                                                                name="candidate_experience"
                                                                value="{{ $candidate->candidate_experience ?? '' }}"
                                                                placeholder="{{ translate('Enter number of experince') }}">

                                                        </div>
                                                        <div class="text-danger error-text candidate_experience_err"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_qualification">{{ translate('Qualification') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="text" class="candidate_qualification"
                                                                name="candidate_qualification"
                                                                value="{{ $candidate->candidate_qualification ?? '' }}"
                                                                placeholder="{{ translate('Enter Your Qualification') }}">

                                                        </div>
                                                        <div class="text-danger error-text candidate_qualification_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="email">{{ translate('Email') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="email" id="email" name="email"
                                                                value="{{ $candidate?->user?->email ?? '' }}" readonly>
                                                            <span class="text-danger error-text email_err"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_phone_number">{{ translate('Phone Number') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_phone_number"
                                                                placeholder="{{ translate('Enter your phone number') }}"
                                                                name="candidate_phone_number"
                                                                value="{{ $candidate->candidate_phone_number ?? '' }}">

                                                        </div>
                                                        <div class="text-danger error-text candidate_phone_number_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_website">{{ translate('Website Link') }}</label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_website"
                                                                name="candidate_website"
                                                                value="{{ $candidate->candidate_website ?? '' }}" />

                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="form-inner">
                                                        <button class="primary-btn-2 w-unset"
                                                            type="submit">{{ translate('Update Resume') }}</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </form>
                                    </div>

                                </div>


                                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="edit-profile-form profile-form">
                                        <form method="post" class="add-form"
                                            action="{{ route('candidate.resume.update') }}"
                                            enctype="multipart/form-data">
                                            @csrf

                                            <input type="hidden" name="id" value="{{ $candidate->id }}">
                                            <input type="hidden" name="prefix" value="profile_information">

                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_father_name">{{ translate('Father’s Name') }}
                                                            <span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="text" id="candidate_father_name"
                                                                name="candidate_father_name"
                                                                value="{{ $candidate->candidate_father_name ?? '' }}">
                                                        </div>
                                                        <div class="text-danger error-text candidate_father_name_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label for="candidate_mother_name">
                                                            {{ translate('Mother’s Name') }}
                                                            <span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_mother_name"
                                                                name="candidate_mother_name"
                                                                value="{{ $candidate->candidate_mother_name ?? '' }}">
                                                        </div>
                                                        <div class="text-danger error-text candidate_mother_name_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Date of Birth ') }}<span>*</span></label>
                                                        <div class="input-area">
                                                            <input type="date" id="candidate_dob" name="candidate_dob"
                                                                max="{{ date('Y-m-d') }}"
                                                                value="{{ $candidate->candidate_dob ? Carbon\Carbon::parse($candidate->candidate_dob)->format('Y-m-d') : '' }}"
                                                                placeholder="1986-09-03">
                                                        </div>
                                                        <div class="text-danger error-text candidate_dob_err"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label for="candidate_national_id"> {{ translate('National ID') }}
                                                            <span>*</span></label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_national_id"
                                                                name="candidate_national_id"
                                                                value="{{ $candidate->candidate_national_id }}">
                                                        </div>
                                                        <div class="text-danger error-text candidate_national_id_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label
                                                            for="candidate_permanent_address">{{ translate('Permanent Address') }}</label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_permanent_address"
                                                                name="candidate_permanent_address"
                                                                value="{{ $user?->candidate?->candidate_permanent_address ?? '' }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <div class="salary-wrap">
                                                            <label class="label"
                                                                for="preAddress">{{ translate('Present Address') }}<span>*</span>
                                                            </label>
                                                            <div class="checkbox-container">
                                                                <ul>
                                                                    <li>
                                                                        <label class="containerss">
                                                                            <input id="copyAddress" type="checkbox">
                                                                            <span class="checkmark"></span>
                                                                            <span
                                                                                class="text">{{ translate('Same as permanent Address') }}</span>
                                                                        </label>
                                                                    </li>
                                                                </ul>
                                                            </div>

                                                        </div>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_present_address"
                                                                name="candidate_present_address"
                                                                value="{{ $user?->candidate?->candidate_present_address }}">
                                                        </div>

                                                        <div class="text-danger error-text candidate_present_address_err">
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Marital Status') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <select name="candidate_marital_status"
                                                                id="candidate_marital_status">

                                                                <option value="Married"
                                                                    {{ $candidate?->candidate_marital_status == 'Married' ? 'selected' : '' }}>
                                                                    {{ translate('Married') }}</option>
                                                                <option value="Unmarried"
                                                                    {{ $candidate?->candidate_marital_status == 'Unmarried' ? 'selected' : '' }}>
                                                                    {{ translate('Unmarried') }}</option>

                                                            </select>
                                                        </div>
                                                        <div class="text-danger error-text candidate_marital_status_err">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Gender') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <select name="candidate_gender" id="candidate_gender">
                                                                <option value="Male"
                                                                    {{ $candidate->candidate_gender == 'Male' ? 'selected' : '' }}>
                                                                    {{ translate('Male') }}</option>
                                                                <option
                                                                    value="Female"{{ $candidate->candidate_gender == 'Female' ? 'selected' : '' }}>
                                                                    {{ translate('Female') }}</option>
                                                                <option
                                                                    value="Other"{{ $candidate->candidate_gender == 'Other' ? 'selected' : '' }}>
                                                                    {{ translate('Other') }}</option>
                                                            </select>
                                                        </div>
                                                        <div class="text-danger error-text candidate_gender_err"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Religion') }}<span>*</span></label>
                                                        <div class="input-area">

                                                            <select name="candidate_religion" id="candidate_religion">
                                                                <option
                                                                    value="islam"{{ $candidate->candidate_religion == 'islam' ? 'selected' : '' }}>
                                                                    {{ translate('Islam') }}</option>
                                                                <option
                                                                    value="hindu"{{ $candidate->candidate_religion == 'hindu' ? 'selected' : '' }}>
                                                                    {{ translate('Hindu') }}</option>
                                                                <option
                                                                    value="khristan"{{ $candidate->candidate_religion == 'khristan' ? 'selected' : '' }}>
                                                                    {{ translate('Khristan') }}</option>
                                                                <option
                                                                    value="boddho"{{ $candidate->candidate_religion == 'boddho' ? 'selected' : '' }}>
                                                                    {{ translate('Boddho') }}</option>
                                                                <option
                                                                    value="other"{{ $candidate->candidate_religion == 'other' ? 'selected' : '' }}>
                                                                    {{ translate('Other') }}</option>
                                                            </select>
                                                        </div>
                                                        <div class="text-danger error-text candidate_religion_err"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Blood Group') }}</label>
                                                        <div class="input-area">

                                                            <select name="candidate_blood_group"
                                                                id="candidate_blood_group">
                                                                <option value="A+"
                                                                    {{ $candidate->candidate_blood_group == 'A+' ? 'selected' : '' }}>
                                                                    A+</option>
                                                                <option value="A-"
                                                                    {{ $candidate->candidate_blood_group == 'A+' ? 'selected' : '' }}>
                                                                    A-</option>
                                                                <option value="B+"
                                                                    {{ $candidate->candidate_blood_group == 'B+' ? 'selected' : '' }}>
                                                                    B+</option>
                                                                <option value="B-"
                                                                    {{ $candidate->candidate_blood_group == 'B-' ? 'selected' : '' }}>
                                                                    B-</option>
                                                                <option value="AB+"
                                                                    {{ $candidate->candidate_blood_group == 'AB+' ? 'selected' : '' }}>
                                                                    AB+</option>
                                                                <option value="AB-"
                                                                    {{ $candidate->candidate_blood_group == 'AB-' ? 'selected' : '' }}>
                                                                    AB-</option>
                                                                <option value="O+"
                                                                    {{ $candidate->candidate_blood_group == 'O+' ? 'selected' : '' }}>
                                                                    O+</option>
                                                                <option value="O-"
                                                                    {{ $candidate->candidate_blood_group == 'O-' ? 'selected' : '' }}>
                                                                    O-</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label for="candidate_height">{{ translate('Height') }}</label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_height"
                                                                name="candidate_height"
                                                                value="{{ $candidate->candidate_height ?? '' }}"
                                                                placeholder="5.6'">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-inner mb-25">
                                                        <label for="candidate_weight">{{ translate('Weight') }}</label>
                                                        <div class="input-area">

                                                            <input type="text" id="candidate_weight"
                                                                name="candidate_weight"
                                                                value="{{ $candidate->candidate_weight ?? '' }}"
                                                                placeholder="56">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="skills-row">
                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="section-title2 mb-20">
                                                                <h5>{{ translate('Your Skills') }}:</h5>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>
                                                                    @if (count($candidate->candidateSkills) > 0)
                                                                        @foreach ($candidate->candidateSkills as $skillName)
                                                                            <span class="tm-tag tm-tag-info"
                                                                                id="vlgLk_{{ $skillName->id }}"><span>{{ $skillName->name }}</span><a
                                                                                    href="javascript:void(0)"
                                                                                    data-id="{{ $skillName->id }}"
                                                                                    class="tm-tag-remove skill-remove-tag"
                                                                                    id="vlgLk_Remover_{{ $skillName->id }}"
                                                                                    tagidtoremove="{{ $skillName->id }}">x</a></span>
                                                                        @endforeach
                                                                        <input type="hidden" name="has_skill"
                                                                            value="yes" />
                                                                    @endif
                                                                </label>
                                                                <input type="text" name="candidate_skills"
                                                                    placeholder="{{ translate('Enter Your Skill') }}.."
                                                                    class="typeahead tm-input form-control tm-input-info" />
                                                            </div>
                                                            <div class="text-danger error-text candidate_skills_err"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 mt-25">
                                                    <div class="form-inner mb-25">
                                                        <label>{{ translate('Reference') }}<span>*</span></label>
                                                        <textarea name="reference">{{ $candidate->reference ?? null }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-inner">
                                                        <button class="primary-btn-2 w-unset"
                                                            type="submit">{{ translate('Update Change') }}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                    <div class="edit-profile-form profile-form">

                                        <form method="post" class="add-form"
                                            action="{{ route('candidate.resume.update') }}"
                                            enctype="multipart/form-data">
                                            @csrf

                                            <input type="hidden" name="id" value="{{ $candidate->id }}">
                                            <input type="hidden" name="prefix" value="education">

                                            <div class="section-title2">
                                                <h5>{{ translate('Educational Qualification') }}:</h5>
                                            </div>
                                            <div class="education-row education_area">
                                                @if (is_array($candidate->education_info))
                                                    @php
                                                        $i = 0;
                                                    @endphp

                                                    @foreach ($candidate->education_info as $key => $educationInfo)
                                                        @php
                                                            $i++;
                                                        @endphp
                                                        <div class="row education-field">
                                                            <div class="col-lg-12">
                                                                <div class="info-title">
                                                                    <h6>{{ translate('Academic Information') }}:</h6>
                                                                    <div class="dash"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label>{{ translate('Education Level') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="text"
                                                                            class="candidate_qualification"
                                                                            name="education[{{ $i }}][education_level]"
                                                                            value="{{ isset($educationInfo['education_level']) ? $educationInfo['education_level'] : '' }}"
                                                                            placeholder="{{ translate('Enter Your Qualification') }}"
                                                                            required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label>{{ translate('My Major') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="text" class="department" required
                                                                            name="education[{{ $i }}][department]"
                                                                            value="{{ isset($educationInfo['department']) ? $educationInfo['department'] : '' }}"
                                                                            placeholder="{{ translate('Major Subject') }}...">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="institute">{{ translate('Institute/University') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="text" class="institute" required
                                                                            name="education[{{ $i }}][institute]"
                                                                            value="{{ isset($educationInfo['institute']) ? $educationInfo['institute'] : '' }}"
                                                                            placeholder="{{ translate('Type Your Institute Name') }}...">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label for="gpa">{{ translate('Result/GPA') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="text" id="gpa" required
                                                                            name="education[{{ $i }}][gpa]"
                                                                            value="{{ isset($educationInfo['gpa']) ? $educationInfo['gpa'] : '' }}"
                                                                            placeholder="4.75">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="datepicker10">{{ translate('Starting Period') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="date" id="datepicker10" required
                                                                            name="education[{{ $i }}][starting_period]"
                                                                            value="{{ isset($educationInfo['starting_period']) ? $educationInfo['starting_period'] : '' }}"
                                                                            placeholder="DD/MM/YY" class="hasDatepicker">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="datepicker11">{{ translate('Ending Period') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="date" id="datepicker11" required
                                                                            name="education[{{ $i }}][ending_period]"
                                                                            value="{{ isset($educationInfo['ending_period']) ? $educationInfo['ending_period'] : '' }}"
                                                                            placeholder="DD/MM/YY" class="hasDatepicker">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="add-row"><button type="button"
                                                                    class="remove-education-row remove">{{ translate('Remove Education Area') }}</button>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>

                                            <div
                                                class="add-remove-btn d-flex align-items-center justify-content-between mb-50">
                                                <div class="add-row"> <button type="button" class="add-education-row">
                                                        {{ translate('Add Education') }} +</button>
                                                </div>
                                            </div>


                                            <div class="col-md-12">
                                                <div class="form-inner">
                                                    <button class="primary-btn-2 w-unset" type="submit">
                                                        {{ translate('Update Change') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="professional" role="tabpanel"
                                    aria-labelledby="professional-tab">
                                    <div class="edit-profile-form profile-form">

                                        <form method="post" class="add-form"
                                            action="{{ route('candidate.resume.update') }}"
                                            enctype="multipart/form-data">

                                            @csrf
                                            <input type="hidden" name="id" value="{{ $candidate->id }}">
                                            <input type="hidden" name="prefix" value="professional">

                                            <div class="section-title2">
                                                <h5>{{ translate('Employment Information') }}:</h5>
                                            </div>
                                            <div class="experiences-row profession_area">

                                                @if (is_array($candidate->professional_info))
                                                    @php
                                                        $i = 0;
                                                    @endphp

                                                    @foreach ($candidate->professional_info as $key => $professionInfo)
                                                        @php
                                                            $i++;
                                                        @endphp
                                                        <div class="row profession_field">
                                                            <div class="col-lg-12">
                                                                <div class="info-title">
                                                                    <h6>{{ translate('Add Your Experiences') }}</h6>
                                                                    <div class="dash"></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label>{{ translate('Company Name') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="text" required
                                                                            name="profession[{{ $i }}][company_name]"
                                                                            value="{{ isset($professionInfo['company_name']) ? $professionInfo['company_name'] : '' }}">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="desigation">{{ translate('Designation') }}<span>*</span></label>
                                                                    <div class="input-area">

                                                                        <input type="text"
                                                                            class="candidate_designation"
                                                                            name="profession[{{ $i }}][designation]"
                                                                            value="{{ isset($professionInfo['designation']) ? $professionInfo['designation'] : '' }}"
                                                                            required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="datepicker6">{{ translate('Starting Period') }}
                                                                        <span>*</span></label>
                                                                    <div class="input-area">
                                                                        <input type="date" id="datepicker6" required
                                                                            name="profession[{{ $i }}][staring_period]"
                                                                            value="{{ isset($professionInfo['staring_period']) ? $professionInfo['staring_period'] : '' }}"
                                                                            placeholder="DD/MM/YY" class="hasDatepicker">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-inner mb-25">
                                                                    <label
                                                                        for="datepicker7">{{ translate('Ending Period') }}<span>*</span></label>
                                                                    <div class="input-area">

                                                                        <input type="date" id="datepicker7"
                                                                            name="profession[{{ $i }}][ending_period]"
                                                                            value="{{ isset($professionInfo['ending_period']) ? $professionInfo['ending_period'] : '' }}"
                                                                            placeholder="DD/MM/YY" class="hasDatepicker">
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-md-12">
                                                                <div
                                                                    class="form-agreement employment-check form-inner d-flex justify-content-between flex-wrap p-0">
                                                                    <div class="form-group two">
                                                                        <input type="checkbox"
                                                                            name="profession[{{ $i }}][continuing_period]"
                                                                            {{ isset($professionInfo['continuing_period']) ? ($professionInfo['continuing_period'] == 'on' ? 'checked' : '') : '' }}
                                                                            id="html5">
                                                                        <label
                                                                            for="html5">{{ translate('Continuing Working Here') }}</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-inner mb-20">
                                                                    <label
                                                                        for="description1">{{ translate('Responsibility') }}</label>
                                                                    <textarea name="profession[{{ $i }}][responsibility]" id="description1"
                                                                        placeholder="{{ translate('Write Your Responsibility') }}...">{!! isset($professionInfo['responsibility']) ? clean($professionInfo['responsibility']) : '' !!}</textarea>
                                                                </div>
                                                            </div>
                                                            <div class="add-row"><button type="button"
                                                                    class="remove-education-row remove">{{ translate('Remove Experience Area') }}</button>
                                                            </div>

                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                            <div
                                                class="add-remove-btn d-flex align-items-center justify-content-between mb-50">
                                                <div class="add-row">
                                                    <button type="button"
                                                        class="add-experiences-row">{{ translate('Add New') }}+ </button>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-inner">
                                                    <button class="primary-btn-2 w-unset"
                                                        type="submit">{{ translate('Update Change') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('post_scripts')
    <script type="text/javascript" src="{{ asset('frontend/assets/js/dropify.min.js') }}"></script>
    <script src={{ asset('frontend/assets/js/tags.js') }}></script>
    <script src={{ asset('frontend/assets/js/bootstrap-tagsinput.js') }}></script>
    @include('js.candidate.candidate-cv')
    </script>
@endpush