@extends('front.layouts.master')
@section('title', 'My Profile')
@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="my-profile-inner">
                        <div class="form-wrapper mb-60">
                            <div class="section-title">
                                <h5>{{ translate('My Profile') }}</h5>
                            </div>
                            <form class="profile-form add-form" method="post"
                                action="{{ route('candidate.profile.update') }}">
                                @csrf
                                <input type="hidden" name="id" value="{{ $candidate->candidate->id }}">
                                <input type="hidden" name="user_id" value="{{ $candidate->id }}">

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ 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" name="first_name"
                                                    value="{{ $candidate->first_name }}">
                                            </div>

                                            <span class="text-danger error-text first_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ 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" name="last_name" value="{{ $candidate->last_name }}">
                                            </div>
                                            <span class="text-danger error-text last_name_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Phone Number') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/phone-2.svg') }}"
                                                    alt="phone-icon">
                                                <input type="text" name="phone" value="{{ $candidate->phone ?? '' }}"
                                                    placeholder="{{ translate('Enter Phone') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ 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" readonly name="email"
                                                    value="{{ !empty($candidate->email) ? $candidate->email : '' }}"
                                                    placeholder="{{ translate('Enter Email') }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Profession') }}<span>*</span></label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/qualification-2.svg') }}"
                                                    alt="qualification-icon">
                                                <select class="profession" name="profession_id">
                                                    <option></option>
                                                    @foreach (professions() as $profession)
                                                        <option value="{{ $profession->id }}"
                                                            {{ $candidate?->candidate?->profession_id == $profession->id ? 'selected' : ' ' }}>
                                                            {{ $profession->name }} </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <span class="text-danger error-text profession_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label> {{ translate('Job Role') }} <span>*</span></label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/designation-2.svg') }}"
                                                    alt="designation-icon">
                                                <select class="role" name="job_role_id">
                                                    <option></option>
                                                    @foreach (jobRole() as $role)
                                                        <option value="{{ $role->id }}"
                                                            {{ $candidate?->candidate?->job_role_id == $role->id ? 'selected' : ' ' }}>
                                                            {{ $role->getTranslation('name') }} </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <span class="text-danger error-text job_role_id_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Qualification') }} <span>*</span></label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/designation-2.svg') }}"
                                                    alt="designation-icon2">
                                                <input type="text" name="candidate_qualification"
                                                    value="{{ $candidate->candidate?->candidate_qualification ?? '' }}">
                                            </div>
                                            <span class="text-danger error-text candidate_qualification_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Experience') }} <span>*</span></label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/designation-2.svg') }}"
                                                    alt="designation-icon3">
                                                <input type="text" name="candidate_experience"
                                                    value="{{ $candidate->candidate?->candidate_experience ?? '' }}">
                                            </div>
                                            <span class="text-danger error-text candidate_experience_err"></span>
                                        </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">
                                                <img src="{{ asset('frontend/assets/images/icon/clock-2.svg') }} "
                                                    alt="clock-icon">
                                                <input type="text" id="datepicker5" name="candidate_dob"
                                                    value="{{ $candidate?->candidate?->candidate_dob ? \Carbon\Carbon::parse($candidate->candidate->candidate_dob)->format('d-m-Y') : '' }}">
                                            </div>
                                            <span class="text-danger error-text candidate_dob_err"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Current Location') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/map-2.svg') }}"
                                                    alt="map-icon">
                                                <input type="text" name="candidate_permanent_address"
                                                    value="{{ $candidate->candidate?->candidate_permanent_address ?? '' }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Website Link') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/website-2.svg') }}"
                                                    alt="website-icon">
                                                <input type="text" name="candidate_website"
                                                    value="{{ $candidate->candidate?->candidate_website ?? '' }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-inner mb-50">
                                            <label>{{ translate('Bio') }}</label>
                                            <textarea name="bio" class="description">{!! clean($candidate->candidate->bio ?? '') !!}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-header">{{ translate('Available for hiring') }}?</div>
                                        <div class="form-check form-switch  candidate-option">
                                            <input class="form-check-input" type="checkbox" role="switch"
                                                {{ $candidate?->candidate?->available_hiring == 1 ? 'checked' : '' }}
                                                name="available_hiring" id="available_hiring">
                                            <label class="form-check-label  ml-1" for="available_hiring"></label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-header">{{ translate('Public your profile') }}?</div>
                                        <div class="form-check form-switch candidate-option">
                                            <input class="form-check-input" name="is_public_profile"
                                                {{ $candidate?->candidate?->is_public_profile == 1 ? 'checked' : '' }}
                                                type="checkbox" id="is_public_profile">
                                            <label class="form-check-label ml-1" for="is_public_profile"> </label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-header">{{ translate('Hide your CV') }}?</div>
                                        <div class="form-check form-switch candidate-option">
                                            <input class="form-check-input" name="hide_cv"
                                                {{ $candidate?->candidate?->hide_cv == 1 ? 'checked' : '' }}
                                                type="checkbox" id="hide_cv">
                                            <label class="form-check-label ml-1" for="hide_cv"> </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">

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

                        <div class="form-wrapper">
                            <div class="section-title">
                                <h5>{{ translate('Social Network') }}:</h5>
                            </div>
                            <form class="profile-form add-form" method="post"
                                action="{{ route('candidate.social.link.update') }}">
                                @csrf
                                <input type="hidden" name="id" value="{{ $candidate->candidate->id }}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Facebook') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/facebook-2.svg') }}"
                                                    alt="facebook-icon">
                                                <input type="text" name="candidate_facebook"
                                                    value="{{ $candidate->candidate?->candidate_facebook ?? '' }}"
                                                    placeholder="https://example-facebook.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Twitter') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/twiter-2.svg') }}"
                                                    alt="twitter-icon">
                                                <input type="text" name="candidate_twitter"
                                                    value="{{ $candidate->candidate->candidate_twitter ?? '' }}"
                                                    placeholder="https://example-twitter.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('LinkedIn') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/linkedin-2.svg') }}"
                                                    alt="linkedin-icon">
                                                <input type="text" name="candidate_linkedin"
                                                    value="{{ $candidate->candidate->candidate_linkedin ?? '' }}"
                                                    placeholder="https://example-linkedin.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Pinterest') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/pinterest-2.svg') }}"
                                                    alt="pinterest-icon">
                                                <input type="text" name="candidate_pinterest"
                                                    value="{{ $candidate->candidate->candidate_pinterest ?? '' }}"
                                                    placeholder="https://example-pinterest.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-25">
                                            <label>{{ translate('Dribbble') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/dribble-2.svg') }}"
                                                    alt="dribbble-icon">
                                                <input type="text" name="candidate_dribble"
                                                    value="{{ $candidate->candidate->candidate_dribble ?? '' }}"
                                                    placeholder="https://example-dribbble.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-inner mb-50">
                                            <label>{{ translate('Behance') }}</label>
                                            <div class="input-area">
                                                <img src="{{ asset('frontend/assets/images/icon/behance-2.svg') }}"
                                                    alt="behance-icon">
                                                <input type="text" name="candidate_binance"
                                                    value="{{ $candidate->candidate->candidate_binance ?? '' }}"
                                                    placeholder="https://example-behance.com">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-inner">
                                            <button class="primary-btn-2 w-unset"
                                                type="submit">{{ translate('Update Social') }}</button>
                                        </div>
                                    </div>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_scripts')
    @include('js.front.candidate')
@endpush