@extends('admin.master')
@section('title', translate('Candidate Create'))
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{ translate('Dashboard') }}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ translate('Dashboard') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ translate('Candidate Create') }}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4> {{ translate('Create Candidate') }}</h4>
                <a href="{{ route('admin.candidate') }}" class="eg-btn btn--primary back-btn"> <img
                        src="{{ asset('backend/assets/images/icons/back.svg') }}"
                        alt="back-icon">{{ translate('Go Back') }}</a>
            </div>
        </div>
        <form method="POST" class="add-form" action="{{ route('admin.candidate.store') }}" enctype="multipart/form-data">

            @csrf
            <div class="row">
                <div class="col-9">
                    <div class="col-lg-12">
                        <div class="card-header dashboard-header">{{ translate('Account Details') }}</div>
                        <div class="eg-card product-card">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('First Name') }}<span>*</span></label>
                                        <input type="text" class="username-input" name="first_name"
                                            placeholder="{{ translate('Enter Your First Name') }}">
                                        <span class="text-danger error-text first_name_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Last Name') }}<span>*</span> </label>
                                        <input type="text" class="username-input" name="last_name"
                                            placeholder="{{ translate('Enter Your Last Name') }}">
                                        <span class="text-danger error-text last_name_err"></span>

                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Username') }}<span>*</span> </label>
                                        <input type="text" class="username-input" name="username"
                                            placeholder="{{ translate('Enter Your User Name') }}">
                                        <span class="text-danger error-text username_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Email') }}<span>*</span> </label>
                                        <input type="text" class="username-input" name="email"
                                            placeholder="{{ translate('Enter Your Email') }}">
                                        <span class="text-danger error-text email_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Phone') }} </label>
                                        <input type="text" class="username-input" name="phone"
                                            placeholder="{{ translate('Enter Your phone') }}">

                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Password') }}<span>*</span></label>
                                        <input type="password" class="username-input" name="password"
                                            placeholder="{{ translate('Enter Your Password ') }}">
                                        <span class="text-danger error-text password_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-25">
                                        <label>{{ translate('Confirm Password') }}<span>*</span></label>
                                        <input type="password" class="username-input" name="confirm_password"
                                            placeholder="{{ translate('Enter Your Confirm Password ') }}">
                                        <span class="text-danger error-text confirm_password_err"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card-header dashboard-header">{{ translate('Profile Details') }}</div>
                        <div class="eg-card product-card">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-inner mb-2">
                                        <label>{{ translate('Profession') }}<span>*</span> </label>
                                        <select name="profession_id" id="profession" class="form-select">
                                            <option disabled selected> {{ translate('Select Your Profession') }}</option>
                                            @foreach (professions() as $profession)
                                                <option value="{{ $profession->id }}"> {{ $profession->name }} </option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger error-text profession_id_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Experience') }}<span>*</span> </label>
                                        <input type="text"class="username-input" name="candidate_experience"
                                            placeholder="{{ translate('Enter Your Experience') }}">
                                        <span class="text-danger error-text candidate_experience_err"></span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Job Role') }}<span>*</span></label>
                                        <select name="job_role_id" id="jobRole" class="form-select">
                                            <option disabled selected> {{ translate('Select Your Job Role') }}</option>
                                            @foreach (jobRole() as $role)
                                                <option value="{{ $role->id }}"> {{ $role->name }} </option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger error-text job_role_id_err"></span>
                                    </div>
                                </div>


                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Qualification') }}<span>*</span></label>
                                        <input type="text" class="username-input" name="candidate_qualification"
                                            placeholder="{{ translate('Enter Your Qualification') }}" />
                                        <span class="text-danger error-text candidate_qualification_err"></span>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Date of Birth') }}<span>*</span> </label>
                                        <input type="date" class="username-input" name="candidate_dob" />
                                        <span class="text-danger error-text candidate_dob_err"></span>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Marital Status') }}</label>
                                        <select class="form-select" name="candidate_marital_status"
                                            id="candidate_marital_status" aria-label="Default select example">
                                            <option selected disabled> {{ translate('Select Your Marital Status') }}
                                            </option>
                                            <option value="Single">{{ translate('Single') }}</option>
                                            <option value="Married">{{ translate('Married') }}</option>
                                            <option value="Unmarried">{{ translate('Unmarried') }}</option>
                                            <option value="Divorced">{{ translate('Divorced') }}</option>
                                        </select>

                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Gender') }}</label>
                                        <select class="form-select" name="candidate_gender" id="candidate_gender">
                                            <option selected disabled>{{ translate('Select Your Gender') }}</option>
                                            <option value="Male">Male</option>
                                            <option value="Female">Female</option>
                                            <option value="Other">Other</option>
                                        </select>

                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-inner mb-35">
                                        <label>{{ translate('Religion') }}</label>
                                        <select class="form-select" name="candidate_religion" id="candidate_religion">
                                            <option selected disabled> {{ translate('Select Your Religion') }} </option>
                                            <option value="Islam">Islam</option>
                                            <option value="Hindu">Hindu</option>
                                            <option value="khristan">khristan</option>
                                            <option value="Boddho">Boddho</option>
                                            <option value="Other">Other</option>
                                        </select>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card-header dashboard-header">{{ translate('Skill & Bio') }}</div>
                        <div class="eg-card product-card">
                            <div class="row">
                                <div class="col-6">
                                    <label>{{ translate('Skills') }}</label>
                                    <div class="form-inner mb-25">
                                        <select class="form-select skill" name="candidate_skills[]" id="candidate_skills"
                                            multiple="multiple"></select>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label>{{ translate('Language') }}</label>
                                    <div class="form-inner mb-25">
                                        <select class="form-select skill" name="language_skills[]" id="language_skills"
                                            multiple="multiple"></select>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <label>{{ translate('Bio') }}</label>
                                    <div class="form-inner mb-25">
                                        <textarea name="bio" id="summernote"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="card-header dashboard-header">{{ translate('Image') }}</div>
                    <div class="eg-card product-card">
                        <div class="form-inner file-upload mb-35">
                            <label class="control-label">{{ translate('Photo') }} <span>*</span></label>
                            <div class="dropzone-wrapper">
                                <div class="dropzone-desc">
                                    <i class="glyphicon glyphicon-download-alt"></i>
                                    <p>{{ translate('Choose an image file or drag it here') }}</p>
                                </div>
                                <input type="file" name="candidate_image" class="dropzone dropzone-image">
                                <span class="text-danger error-text candidate_image_err"></span>
                            </div>
                            <div class="preview-zone hidden">
                                <div class="box box-solid">
                                    <div class="box-body"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="eg-card p-0">
                        <div class="card-header">{{ translate('Available for hiring') }}?</div>
                        <div class="form-check form-switch candidate-option">
                            <input class="form-check-input" name="available_hiring" type="checkbox"
                                id="available_hiring">
                            <label class="form-check-label ml-1" for="available_hiring"> </label>
                        </div>
                    </div>
                    <div class="eg-card p-0">
                        <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" type="checkbox"
                                id="is_public_profile">
                            <label class="form-check-label ml-1" for="is_public_profile"> </label>
                        </div>
                    </div>
                    <div class="eg-card p-0">
                        <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" type="checkbox" id="hide_cv">
                            <label class="form-check-label ml-1" for="hide_cv"> </label>
                        </div>
                    </div>
                    <div class="eg-card product-card">
                        <div class="button-group mt-15">
                            <button type="submit"
                                class="eg-btn btn--green medium-btn me-3">{{ translate('Save') }}</button>
                        </div>

                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection
@push('post_scripts')
    <script src="{{ asset('backend/assets/js/custom.js') }}"></script>
    @include('js.custom')
@endpush