@extends('front.layouts.master')
@section('title', 'Setting')
@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="form-wrapper">
                        <div class="profile-form">

                            <div class="change-password-area">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="section-title2">
                                            <h5 class="d-flex align-items-center gap-1"><img
                                                    src="{{ asset('frontend/assets/images/icon/job alert.svg') }}" alt="settings-icon">
                                                {{translate('Job Alert')}} </h5>
                                        </div>
                                        <form action="{{ route('candidate.jobAlertSet') }}">
                                            @csrf
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-inner ">

                                                        <label >{{translate('Choose Job Role')}}<span>*</span></label>
                                                        <div class="col-sm-12 skill-list">
                                                            <select name="job_role" required class="form-control select2"
                                                            id="jobCategory" data-placeholder="Choose Role" >
                                                            <option value="">{{ translate('Select One Role') }}</option>
                                                                @foreach ($roles as $role)
                                                                <option @if($user->jobAlertSkill && $user->jobAlertSkill->job_role == $role->id) selected @endif value="{{ $role->id }}">{{ $role->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-inner mt-20">

                                                        <label >{{translate('Choose Job Skills')}}<span>*</span></label>
                                                        <div class="col-sm-12 skill-list">
                                                            <select name="skills[]"   required class="js-example-basic-multiple" data-placeholder="Choose skills" multiple="true">
                                                                @foreach ($skills as $skill)
                                                                <option @if($user->jobAlertSkill && in_array($skill->id, json_decode($user->jobAlertSkill->skills))) selected @endif value="{{ $skill->id }}">{{ $skill->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                     <div class="form-inner mt-20">
                                                    <label >{{ translate('Alert Status') }}?</label> </div>
                                                    <div class="form-check form-switch  candidate-option">
                                                        <input class="form-check-input onOffCheckbox" type="checkbox" @if($user->jobAlertSkill && $user->jobAlertSkill->status == 1) checked @endif role="switch"
                                                            name="alert_status" id="alert_status">
                                                        <label class="form-check-label  ml-1" for="alert_status"></label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-inner mt-20">
                                                        <button class="primary-btn-2 w-unset" type="submit">{{translate('Update Alert')}}</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </form>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="section-title2 mt-20">
                                            <h5 class="d-flex align-items-center gap-1"><img
                                                    src="{{ asset('backend/assets/images/icons/password.svg') }}" alt="settings-icon">
                                                {{translate('Change Your Password')}} </h5>
                                        </div>
                                        <form class="add-form" action="{{ route('candidate.change.password') }}">
                                            @csrf
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-inner mb-25">
                                                         <input type="hidden"  name="type" value="setting">
                                                        <label for="password">{{translate('Current Password ')}}<span>* </span></label>
                                                        <div class="input-area">
                                                            <img src="{{ asset('frontend/assets/images/icon/lock-2.svg') }}"
                                                                alt="lcok-icon">
                                                            <input type="password" name="password"
                                                                placeholder="{{translate('Password')}}">
                                                            <i class="bi bi-eye-slash  toggle-password"></i>
                                                        </div>
                                                        <span class="text-danger error-text password_err"></span>

                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-inner mb-25">
                                                        <label for="password">{{translate('New Password ')}}<span>* </span></label>
                                                        <div class="input-area">
                                                            <img src="{{ asset('frontend/assets/images/icon/lock-2.svg') }}"
                                                                alt="lock-icon">
                                                            <input type="password" name="new_password"
                                                                placeholder="{{translate('Password')}}">
                                                            <i class="bi bi-eye-slash  toggle-password"></i>
                                                        </div>
                                                        <span class="text-danger error-text new_password_err"></span>

                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-inner mb-25">
                                                        <label for="password2">{{translate('Confirm Password')}} <span>* </span></label>
                                                        <div class="input-area">
                                                            <img src="{{ asset('frontend/assets/images/icon/lock-2.svg') }}"
                                                                alt="lock-icon">
                                                            <input type="password" name="new_password_confirmation"
                                                                id="password2" placeholder="{{translate('Confirm Password')}}">
                                                            <i class="bi bi-eye-slash toggle-password"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 pt-10">
                                                    <div class="form-inner">
                                                        <button class="primary-btn-2 w-unset" type="submit">{{translate('Update Password')}}</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_scripts')

@endpush