@extends('admin.layouts.main')

@section('title')
Job - Preferred Requirements
@endsection

@section('content')

<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('job.recruitment') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a
                            href="{{ route('admin.jobs.index',['panel' => session('panel')])}}">{{ @trans('job.jobs') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('job.preferred_requirements') }}</li>

                </ol>
            </nav>

            <div class="form-sec">
            <div class="form-step">
                    <div class="step"><label>1. {{ @trans('job.job_info') }} </label></div>
                    <div class="step"><label><i class="material-icons">trending_flat</i>2. {{ @trans('job.role') }} </label></div>
                    <div class="step"><label><i class="material-icons">trending_flat</i>3. {{ @trans('job.requirements') }}</label></div>
                    <div class="step active"><label><i class="material-icons">trending_flat</i>4. {{ @trans('job.prefered') }}</label></div>
                </div>

                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">

                                <form method="post"
                                    action="{{ route('admin.jobs.store_preferred_requirements', ['panel' => session('panel')]) }}"
                                    id="frmPreferredRequirements" autocomplete="off">
                                    @csrf

                                    <input type="hidden" name="id" value="{{ $id }}" />

                                    <div class="tab">
                                        <h2 class="form-sec-title">{{ @trans('job.preferred_requirements') }}</h2>
                                        <div class="row">

                                            <div class="col-md-8">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="primary_industry_id">{{ @trans('job.third_industry') }}</label>
                                                    <select class="form-control" id="primary_industry_id"
                                                        name="primary_industry_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($industries as $industry)
                                                        <option value="{{ $industry->id }}" @if(@id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->primary_industry_id ==
                                                            $industry->id) selected="selected"
                                                            @endif>{{ $industry->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="primary_industry_year">{{ @trans('job.minimum_years') }}</label>
                                                    <select class="form-control" id="primary_industry_year"
                                                        name="primary_industry_year">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($experienceYears as $year)
                                                        <option value="{{ $year['id'] }}" @if($id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->primary_industry_year ==
                                                            $year['id']) selected="selected" @endif>{{ $year['name'] }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-8 secondaryIndustryBlock hidden">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="secondary_industry_id">{{ @trans('job.fourth_industry') }}</label>
                                                    <select class="form-control" id="secondary_industry_id"
                                                        name="secondary_industry_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($industries as $industry)
                                                        <option value="{{ $industry->id }}" @if(@id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->secondary_industry_id ==
                                                            $industry->id) selected="selected"
                                                            @endif>{{ $industry->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4 secondaryIndustryBlock hidden">
                                                <div class="form-group">
                                                    <label class="control-label" for="secondary_industry_year">{{ @trans('job.minimum_years') }}</label>
                                                    <select class="form-control" id="secondary_industry_year"
                                                        name="secondary_industry_year">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($experienceYears as $year)
                                                        <option value="{{ $year['id'] }}" @if($id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->secondary_industry_year ==
                                                            $year['id']) selected="selected" @endif>{{ $year['name'] }}
                                                        </option>
                                                        @endforeach
                                                    </select>

                                                </div>
                                            </div>


                                            <div class="col-md-8">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="primary_category_id">{{ @trans('job.third_cat') }}</label>
                                                    <select class="form-control" id="primary_category_id"
                                                        name="primary_category_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($categories as $category)
                                                        <option value="{{ $category->id }}" @if(@id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->primary_category_id ==
                                                            $category->id) selected="selected"
                                                            @endif>{{ $category->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="primary_category_year">{{ @trans('job.minimum_years') }}</label>
                                                    <select class="form-control" id="primary_category_year"
                                                        name="primary_category_year">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($experienceYears as $year)
                                                        <option value="{{ $year['id'] }}" @if($id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->primary_category_year ==
                                                            $year['id']) selected="selected" @endif>{{ $year['name'] }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-8 secondaryCategoryBlock hidden">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="secondary_category_id">{{ @trans('job.fourth_cat') }}</label>
                                                    <select class="form-control" id="secondary_category_id"
                                                        name="secondary_category_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($categories as $category)
                                                        <option value="{{ $category->id }}" @if(@id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->secondary_category_id ==
                                                            $category->id) selected="selected"
                                                            @endif>{{ $category->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4 secondaryCategoryBlock hidden">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="secondary_category_year">{{ @trans('job.minimum_years') }}</label>
                                                    <select class="form-control" id="secondary_category_year"
                                                        name="secondary_category_year">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($experienceYears as $year)
                                                        <option value="{{ $year['id'] }}" @if($id && isset($job->
                                                            pref_requirements) &&
                                                            $job->pref_requirements->secondary_category_year ==
                                                            $year['id']) selected="selected" @endif>{{ $year['name'] }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>


                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="minimum_age">{{ @trans('job.minimum_required_age') }}
                                                    </label>
                                                    <select class="form-control" id="minimum_age" name="minimum_age">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($ageRange as $age)
                                                        <option value="{{ $age['id'] }}" @if($id && isset($job->
                                                            pref_requirements->minimum_age) &&
                                                            $job->pref_requirements->minimum_age == $age['id'] )
                                                            selected="selected" @endif>{{ $age['name'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="maximum_age">{{ @trans('job.maximum_required_age') }}</label>
                                                    <select class="form-control" id="maximum_age" name="maximum_age">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($ageRange as $age)
                                                        <option value="{{ $age['id'] }}" @if($id && isset($job->
                                                            pref_requirements->maximum_age) &&
                                                            $job->pref_requirements->maximum_age == $age['id'] )
                                                            selected="selected" @endif>{{ $age['name'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="marital_status_id">{{ @trans('job.marital_status') }}</label>
                                                    <select class="form-control" id="marital_status_id"
                                                        name="marital_status_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($maritalStatuses as $maritalStatus)
                                                        <option value="{{ $maritalStatus->id }}" @if($id && isset($job->
                                                            pref_requirements->marital_status_id) &&
                                                            $job->pref_requirements->marital_status_id ==
                                                            $maritalStatus->id ) selected="selected"
                                                            @endif>{{ $maritalStatus->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="ethnicity_id">{{ @trans('job.ethmicity') }}</label>
                                                    <select class="form-control" id="ethnicity_id" name="ethnicity_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($ethnicities as $ethnicity)
                                                        <option value="{{ $ethnicity->id }}" @if($id && isset($job->
                                                            pref_requirements->ethnicity_id) &&
                                                            $job->pref_requirements->ethnicity_id == $ethnicity->id )
                                                            selected="selected" @endif>{{ $ethnicity->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="religion_id">{{ @trans('job.religion') }}</label>
                                                    <select class="form-control" id="religion_id" name="religion_id">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($religions as $religion)
                                                        <option value="{{ $religion->id }}" @if($id && isset($job->
                                                            pref_requirements->religion_id) &&
                                                            $job->pref_requirements->religion_id == $religion->id )
                                                            selected="selected" @endif>{{ $religion->name }}</option>
                                                        @endforeach

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

                                            <div class="col-md-4">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">{{ @trans('job.language') }}</label>
                                                    <select id="language_id" name="language_id" class="form-control">
                                                        <option value="">{{ @trans('job.select') }}</option>
                                                        @foreach($languages as $language)
                                                        <option value="{{ $language->id }}" @if($id && isset($job->
                                                            pref_requirements->language_id) &&
                                                            $job->pref_requirements->language_id == $language->id )
                                                            selected="selected" @endif>{{ $language->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.no_of_reports') }}</label>
                                                    <input type="text" class="form-control" placeholder="No. of Reports"
                                                        name="no_of_reports" id="no_of_reports"
                                                        value="@if($id && isset($job->pref_requirements->no_of_reports)){{ $job->pref_requirements->no_of_reports}}@endif" />
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.gender') }}</label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input"
                                                            id="gender_male" name="gender" value="male" @if($id &&
                                                            isset($job->pref_requirements->gender) &&
                                                        $job->pref_requirements->gender == 'male') checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label"
                                                            for="gender_male">{{ @trans('job.male') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input"
                                                            id="gender_female" name="gender" value="female" @if($id &&
                                                            isset($job->pref_requirements->gender) &&
                                                        $job->pref_requirements->gender == 'female') checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label"
                                                            for="gender_female">{{ @trans('job.female') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input"
                                                            id="gender_no_pref" name="gender" value="no_preference"
                                                            @if($id && isset($job->pref_requirements->gender) &&
                                                        ($job->pref_requirements->gender == 'no_preference' ||
                                                        $job->pref_requirements->gender == ''))
                                                        checked="checked" @endif>
                                                        <label class="custom-control-label" for="gender_no_pref">{{ @trans('job.no_preference') }}</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('job.is_with_parent') }}</label>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="parent_yes"
                                                            name="is_with_parent" value="yes" @if($id &&
                                                            isset($job->pref_requirements) &&
                                                        $job->pref_requirements->is_with_parent == 'yes')
                                                        checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label" for="parent_yes">{{ @trans('job.yes') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" id="parent_no"
                                                            name="is_with_parent" value="no" @if($id &&
                                                            isset($job->pref_requirements) &&
                                                        $job->pref_requirements->is_with_parent == 'no')
                                                        checked="checked"
                                                        @endif>
                                                        <label class="custom-control-label" for="parent_no">{{ @trans('job.no') }}</label>
                                                    </div>
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input"
                                                            id="parent_no_pref" name="is_with_parent"
                                                            value="no_preference" @if($id &&
                                                            isset($job->pref_requirements->is_with_parent) && (
                                                        $job->pref_requirements->is_with_parent == 'no_preference' ||
                                                        $job->pref_requirements->is_with_parent == ''))
                                                        checked="checked" @endif>
                                                        <label class="custom-control-label" for="parent_no_pref">{{ @trans('job.no_preference') }}</label>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>
                                    </div>

                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            @if(Session::has('editUrl'))
                                            <a class="btn btn-cncl"
                                                href="{{ route('admin.jobs.show',['panel' => session('panel'),'id' => $job->id]) }}">{{ @trans('job.cancel') }}</a>
                                            @else
                                            <a class="btn btn-cncl"
                                                href="{{ route('admin.jobs.index',['panel' => session('panel')]) }}">{{ @trans('job.cancel') }}</a>
                                            <a class="btn btn-cncl"
                                                href="{{ route('admin.jobs.min_requirements',['panel' => session('panel'),'id' => $job->id]) }}">{{ @trans('job.prev') }}</a>
                                            @endif
                                        </div>
                                        <div style="float:right;">
                                            {{-- @if(Session::has('editUrl')) --}}
                                            <button type="submit" id="nextBtn" class="btn step-btn">{{ @trans('job.save') }}</button>
                                            {{-- @else
                                            <button type="submit" id="nextBtn" class="btn step-btn">{{ @trans('job.save') }}</button>
                                            @endif --}}
                                        </div>
                                    </div>
                                </form>

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

    </div>
</main>
@endsection

@push('pageJs')

{!! JsValidator::formRequest('App\Http\Requests\Job\StoreJobPreferredRequirements', '#frmPreferredRequirements') !!}

<script type="text/javascript">
    $(document).ready(function(){

        function showHideSecondaryIndustry()
        {
            if($('#primary_industry_id').val() !="" && $('#primary_industry_year').val() != "")
            {
                $('.secondaryIndustryBlock').removeClass('hidden');
            }
            else
            {
                $('.secondaryIndustryBlock').addClass('hidden');
            }
        }

        function showHideSecondaryCategory()
        {

            if($('#primary_category_id').val() !="" && $('#primary_category_year').val() != "")
            {
                $('.secondaryCategoryBlock').removeClass('hidden');
            }
            else
            {
                $('.secondaryCategoryBlock').addClass('hidden');
            }
        }

        $('#primary_industry_id').on('change', showHideSecondaryIndustry);
        $('#primary_industry_year').on('change', showHideSecondaryIndustry);
        $('#primary_category_id').on('change', showHideSecondaryCategory);
        $('#primary_category_year').on('change', showHideSecondaryCategory);

        showHideSecondaryIndustry();
        showHideSecondaryCategory();
})

</script>


@endpush