@extends('layouts.admin.app')
@section('title', 'Job Management')
@section('content')
<div class="nk-content">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">{{ __('labels.job_management') }}</h3>
                            <div class="nk-block-des text-soft">
                                <!-- breadcrumb @s -->
                                <nav>
                                    <ul class="breadcrumb breadcrumb-arrow">
                                        <li class="breadcrumb-item"><a
                                                href="{{route('admin.dashboard')}}">{{ __('labels.dashboard') }}</a>
                                        </li>
                                        <li class="breadcrumb-item"><a
                                            href="{{route('job.index')}}">{{ __('labels.job_list') }}</a>
                                        </li>
                                        <li class="breadcrumb-item active">{{ (!empty($job))? __('labels.edit') :  __('labels.add') }}  {{ __('labels.job') }}
                                        </li>
                                    </ul>
                                </nav>
                                <!-- breadcrumb @e -->
                            </div>
                        </div><!-- .nk-block-head-content -->

                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-inner">
                            <form id="jobAddEditFrm"
                                action="{{ !empty($job) ? route('job.update', $job->id ):  route('job.store') }}"
                                method="post" enctype='multipart/form-data'>
                                {{csrf_field()}}
                                <input name="_method" type="hidden" value="{{!empty($job)?'PUT':'POST'}}">
                                <input type="hidden" name="id" id="job_id" value="{{!empty($job)? $job->id : '' }}" />
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.category') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="category_id" aria-describedby="category_id-error"
                                                    class="job_category filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.category') }}">
                                                    <option></option>
                                                    @if (!empty($category))
                                                    @foreach ($category as $value)
                                                    <option
                                                        {{(!empty($job) && $job->category_id==$value->id) ? 'selected' : ''}}
                                                        value="{{ $value->id }}">{{ $value->name }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                                <span id="category_id-error" class="help-block error-help-block"></span>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.sub_category') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="sub_category_id" aria-describedby="jobSubCategory-error"
                                                    id="jobSubCategory"
                                                    class="job_sub_category filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.sub_category') }}">
                                                    <option></option>
                                                    @if (!empty($job) && !empty($subCategory))
                                                    @foreach ($subCategory as $key=>$value)
                                                    <option
                                                        {{(!empty($job) && $job->sub_category_id==$key) ? 'selected' : ''}}
                                                        value="{{ $key }}">{{ $value }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                                <span id="jobSubCategory-error"
                                                    class="help-block error-help-block"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.country') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="country_id" aria-describedby="jobCountry-error"
                                                    id="jobCountry" class="job_country filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.country') }}">
                                                    <option></option>
                                                    @if (!empty($country))
                                                    @foreach ($country as $key=>$value)
                                                    <option
                                                        {{(!empty($job) && $job->country_id==$key) ? 'selected' : ''}}
                                                        value="{{ $key }}">{{ $value }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <span id="jobCountry-error" class="help-block error-help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">

                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.state') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="state_id" aria-describedby="jobState-error" id="jobState"
                                                    class="job_state filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.state') }}">
                                                    <option></option>
                                                    @if (!empty($job) && !empty($state))
                                                    @foreach ($state as $key=>$value)
                                                    <option {{(!empty($job) && $job->state_id==$key) ? 'selected' : ''}}
                                                        value="{{ $key }}">{{ $value }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <span id="jobState-error" class="help-block error-help-block"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.city') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="city_id" aria-describedby="jobCity-error" id="jobCity"
                                                    class="job_city filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.city') }}">
                                                    <option></option>
                                                    @if (!empty($job) && !empty($city))
                                                    @foreach ($city as $key=>$value)
                                                    <option {{(!empty($job) && $job->city_id==$key) ? 'selected' : ''}}
                                                        value="{{ $key }}">{{ $value }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <span id="jobCity-error" class="help-block error-help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.title') }}</label>
                                            <div class="form-control-wrap">
                                                <input name="title" type="text"
                                                    value="{{!empty($job)? $job->title : null}}" class="form-control"
                                                    placeholder="{{ __('labels.title') }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row gy-4">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.job_type') }}</label>
                                            <div class="form-control-wrap">
                                                <select name="job_type" aria-describedby="job_type-error" id="jobType"
                                                    class="filter form-select form-control"
                                                    data-placeholder="{{ __('labels.select') }} {{ __('labels.job_type') }}">
                                                    <option></option>
                                                    @if (config('constants.JOB_TYPE'))
                                                    @foreach (config('constants.JOB_TYPE') as $key=>$value)
                                                    <option {{(!empty($job) && $key==$job->job_type) ? 'selected' : ''}}
                                                        value="{{ $key }}"> {{ $value }} </option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <span id="job_type-error" class="help-block error-help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label">{{ __('labels.keyword') }}</label>
                                            <div class="form-control-wrap">
                                                <textarea name="keywords" id="jobTagInput" class="form-control"
                                                    aria-describedby="keywords-error"></textarea>
                                            </div>
                                            <small>{{ __('labels.keyword_note') }}</small><br>
                                            <span id="keywords-error" class="help-block error-help-block"></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="form-label">{{ __('labels.about_company') }}</label>
                                    <div class="form-control-wrap">
                                        <textarea id="jobAboutCompany" aria-describedby="jobAboutCompany-error" name="about_company"
                                            class="about_company">{{!empty($job)? $job->about_company : ''}}</textarea>
                                    </div>
                                    <span id="jobAboutCompany-error" class="help-block error-help-block"></span>
                                </div>
                                <div class="form-group">
                                    <label class="form-label">{{ __('labels.about_role') }}</label>
                                    <div class="form-control-wrap">
                                        <textarea id="jobAboutRole" name="about_role" aria-describedby="jobAboutRole-error"
                                            class="about_role">{{!empty($job)? $job->about_role : ''}}</textarea>
                                    </div>
                                    <span id="jobAboutRole-error" class="help-block error-help-block"></span>
                                </div>


                                <div class="form-group">
                                    <label class="form-label">{{ __('labels.job_responsibilities') }}</label>
                                    <div class="form-control-wrap">
                                        <textarea id="jobResponsibilities" aria-describedby="jobResponsibilities-error"
                                            name="job_responsibilities"
                                            class="job_responsibilities">{{!empty($job)? $job->job_responsibilities : ''}}</textarea>
                                    </div>
                                    <span id="jobResponsibilities-error" class="help-block error-help-block"></span>
                                </div>


                                <div class="form-group">
                                    <label class="form-label">{{ __('labels.job_requirement') }}</label>
                                    <div class="form-control-wrap">
                                        <textarea id="jobRequirement" name="job_requirement" aria-describedby="jobRequirement-error"
                                            class="job_requirement">{{!empty($job)? $job->job_requirement : ''}}</textarea>
                                    </div>
                                    <span id="jobRequirement-error" class="help-block error-help-block"></span>
                                </div>
                                <div class="form-group text-right">
                                    <button id="jobBtn"
                                        class="btn btn-primary mr-1">{{ !empty($job)? __('labels.update') : __('labels.save') }}</button>
                                    <a href="{{ route('job.index') }}"
                                        class="btn btn-light">{{ __('labels.cancel') }}</a>
                                </div>
                            </form>
                            {!!
                            JsValidator::formRequest('App\Http\Requests\Admin\JobRequest','#jobAddEditFrm')->ignore("[contenteditable='true']");
                            !!}


                        </div><!-- .card-inner -->
                    </div>
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>
</div>
<!-- Add Edit job -->

<script>
var keywordData =
    [];
</script>

@endsection
@push('scripts')
<script src="https://cdn.tiny.cloud/1/{{ config('services.tinymce.tinymce_key') }}/tinymce/6/tinymce.min.js"></script>
<script type="text/javascript" src="{{asset('assets/js/admin/job/job_keyword.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/admin/job/job.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/admin/job/country_state_city.js')}}"></script>
@endpush