@extends('layouts.app')
@section('styles')
<link rel="stylesheet" href="{{ asset('assets/web/css/user-panel.css') }}">
@endsection
@section('content')
<section>
    {{-- @dd($job); --}}
    <div class="main-wrapper" style="min-height: calc(100vh - 516px);">
        <div class="pt-50 pb-50 section--bg">
            <div class="container">
                @if ($errors->any())
                @foreach ($errors->all() as $error)
                <div>{{$error}}</div>
                @endforeach
                @endif
                @if(session()->has('message'))
                <div class="alert alert-success">
                    {{ session()->get('message') }}
                </div>
                @endif
                <div class="row justify-content-center gy-4">
                    <div class="col-xl-3 col-lg-6 col-md-8">
                        @include('include.employer-side-nav')
                    </div>
                    <div class="col-xl-9 ps-xl-4">
                        <form action="{{ isset($job) ? url('/update/job/'. $job->id) : url('/store/job') }}"
                            method="POST" enctype="multipart/form-data" class="edit-profile-form">
                            @csrf

                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Basic Information</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-12 form-group">
                                            <label for="title">Title<sup class="text--danger">*</sup></label>
                                            <input type="text" name="title" id="title"
                                                value="{{old('title', isset($job) ? $job->title : '')}}"
                                                class="form--control" placeholder="Enter job title" maxlength="255"
                                                required="">
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="category">Category <sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="category" id="category" required="">
                                                <option value="">Select Category</option>
                                                @foreach($categorys as $category)
                                                <option value="{{$category->id}}" @if(old('category', isset($job) ?
                                                    $job->category_id == $category->id: false)== $category->id) selected
                                                    @endif>{{__($category->name)}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="type">Type<sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="type" id="type" required="">
                                                <option value="">Select Type</option>
                                                @foreach($types as $type)
                                                <option value="{{$type->id}}" @if(old('type',isset($job) ? $job->type_id
                                                    == $type->id: false)== $type->id) selected
                                                    @endif>{{__($type->name)}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="city">City <sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="city" id="city" required="">
                                                <option value="" selected="">Select City</option>
                                                @forelse ($cities as $item)
                                                <option value="{{$item->id}}" @if(old('city',isset($job) ? $job->city_id
                                                    == $item->id: false) == $item->id) selected @endif
                                                    >{{__($item->name)}}</option>
                                                @empty
                                                <option>Item Not Found</option>
                                                @endforelse
                                                {{-- @foreach($cities as $city)
                                                @dd($city)
                                                <option value="{{$city->id}}"
                                                    data-locations="{{json_encode($city->location)}}">
                                                    {{__($city->name)}}</option>
                                                @endforeach --}}

                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="location">Location<sup class="text--danger">*</sup></label>
                                            <input type="text" name="location" id="location" value="{{old('location')}}"
                                                class="form--control" placeholder="Enter job title" maxlength="255"
                                                required="">
                                            {{-- <select class="form--control" name="location" id="location"
                                                required="no">
                                            </select> --}}
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="shift">Shift <sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="shift" id="shift" required="">
                                                <option value="" selected="">Select Shift</option>
                                                @foreach($shifts as $shift)
                                                <option value="{{$shift->id}}" @if(old('shift',isset($job) ? $job->
                                                    shift_id == $shift->id : '' ) == $shift->id) selected
                                                    @endif>{{__($shift->name)}}</option>
                                                @endforeach

                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="vacancy">Vacancy<sup class="text--danger">*</sup></label>
                                            <input type="text" name="vacancy" id="vacancy"
                                                value="{{old('vacancy', isset($job) ? $job->vacancy : '')}}"
                                                class="form--control" placeholder="Enter Job vacancy" required="">
                                        </div>

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


                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Job Information</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6 form-group">
                                            <label for="job_experience">Experience <sup
                                                    class="text--danger">*</sup></label>
                                            <select class="form--control" name="job_experience" id="job_experience">
                                                <option value="">Select Experience</option>
                                                @foreach($experiences as $experience)
                                                <option value="{{$experience->id}}" @if(old('job_experience',isset($job)
                                                    ? $job->job_experience_id == $experience->id : '' ) ==
                                                    $experience->id) selected @endif>{{__($experience->name)}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="gender">Select Gender<sup class="text--danger">*</sup></label>
                                            <select class="form--control" name="gender" id="gender">
                                                <option value="">Select One</option>
                                                <option value="1" @if(old('gender' , isset($job) ? $job->gender == 1 :
                                                    '')==1) selected @endif>Male
                                                </option>
                                                <option value="2" @if(old('gender', isset($job) ? $job->gender == 2 :
                                                    '')==2) selected @endif>Female
                                                </option>
                                                <option value="3" @if(old('gender', isset($job) ? $job->gender == 3 :
                                                    '')==3) selected @endif>Both
                                                </option>
                                            </select>
                                        </div>


                                        <div class="col-lg-6 form-group">
                                            <label for="salary_type">Salary Type<sup
                                                    class="text--danger">*</sup></label>
                                            <select class="form--control" name="salary_type" id="salary_type">
                                                <option value="">Select One</option>
                                                <option value="1" @if(old('salary_type' , isset($job) ? $job->
                                                    salary_type == 1 : '')==1) selected @endif>Negotiation</option>
                                                <option value="2" @if(old('salary_type' , isset($job) ? $job->
                                                    salary_type == 2 : '')==2) selected @endif>Range</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-6 form-group">
                                            <label for="salary_period">Salary Period<sup
                                                    class="text--danger">*</sup></label>
                                            <select class="form--control" name="salary_period" id="salary_period">
                                                <option value="">Select One</option>
                                                @foreach($salaryPeriods as $salaryPeriod)
                                                <option value="{{$salaryPeriod->id}}" @if(old('salary_period',
                                                    isset($job) ? $job->salary_period == $salaryPeriod->id : '') ==
                                                    $salaryPeriod->id) selected @endif>{{__($salaryPeriod->name)}}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group addSalaryField"></div>
                                    </div>

                                    <div class="row">

                                        <div class="col-lg-6 form-group">
                                            <label for="deadline">Application Deadline <sup
                                                    class="text--danger">*</sup></label>
                                            <input type="date" name="deadline"
                                                value="{{old('deadline', isset($job) ? $job->deadline : '')}}"
                                                id="deadline" placeholder="Enter Application Deadline"
                                                class="form--control">
                                        </div>



                                        <div class="col-lg-6 form-group">
                                            <label for="age">Age <sup class="text--danger">*</sup></label>
                                            <input type="text" name="age" id="age"
                                                value="{{old('age',isset($job) ? $job->age : '')}}"
                                                placeholder="Enter age" class="form--control" required="">
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="custom--card mt-4">
                                <div class="card-header bg--dark">
                                    <h5 class="text-white">Job Description</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">

                                        <div class="col-lg-12 form-group">
                                            <label>Description<sup class="text--danger">*</sup></label>
                                            <textarea class="form--control nicEdit" name="description"
                                                rows="8">{{ old('description',isset($job) ? $job->description : '') }}</textarea>
                                        </div>

                                        <div class="col-lg-12 form-group">
                                            <label>Responsibilities<sup class="text--danger">*</sup></label>
                                            <textarea class="form--control nicEdit" name="responsibilities"
                                                rows="8">{{old('responsibilities',isset($job) ? $job->responsibilities : '')}}</textarea>
                                        </div>

                                        <div class="col-lg-12 form-group">
                                            <label>Requirements<sup class="text--danger">*</sup></label>
                                            <textarea class="form--control nicEdit" name="requirements"
                                                rows="8">{{old('requirements',isset($job) ? $job->requirements : '')}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn--base btn-block w-100"><i
                                        class="lab la-telegram-plane"></i> Job Post Create</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@section('scripts')
<script src="{{asset('assets/web/js/editor.js')}}"></script>
<script>
    "use strict";
	bkLib.onDomLoaded(function() {
        $( ".nicEdit" ).each(function( index ) {
            $(this).attr("id","nicEditor"+index);
            new nicEditor({fullPanel : true}).panelInstance('nicEditor'+index,{hasPanel : true});
        });
    });

    $('#salary_type').on('change', function(){
    	var value = $('#salary_type').val();
    	if(value == 2){
    		var html = `<div class="col-lg-6">
							<div class="form-group">
								<label for="salary_from">@lang('Salary From') <sup class="text--danger">*</sup></label>
								 <div class="input-group">
		                            <input id="salary_from" type="text" class="form--control" name="salary_from" placeholder="@lang('Enter Amount')" required>
		                            <span class="input-group-text">USD</span>
		                        </div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="form-group">
								<label for="salary_to">@lang('Salary To') <sup class="text--danger">*</sup></label>
								<div class="input-group">
		                            <input id="salary_to" type="text" class="form--control" name="salary_to" placeholder="@lang('Enter Amount')" required>
		                            <span class="input-group-text">USD</span>
		                        </div>
							</div>
						</div>`;
    		$(".addSalaryField").append(html);
    	}else{
    		$(".addSalaryField").empty();
    	}
    });

</script>
<script>
    
  
        var salary_type =  {{ isset($job) ? $job->salary_type : 0 }}
        if(salary_type == 2 ){
            var html = `<div class="col-lg-6">
                            <div class="form-group">
                                <label for="salary_from">@lang('Salary From') <sup class="text--danger">*</sup></label>
                                <div class="input-group">
                                    <input id="salary_from" type="text" value="`+ {{ isset($job) ? $job->salary_from : null }} +`" class="form--control" name="salary_from" placeholder="@lang('Enter Amount')" required>
                                    
                                    <span class="input-group-text">USD</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="salary_to">@lang('Salary To') <sup class="text--danger">*</sup></label>
                                <div class="input-group">
                                    <input id="salary_to" type="text" value="` +{{  isset($job) ? $job->salary_to : null }} +`" class="form--control" name="salary_to" placeholder="@lang('Enter Amount')" required>
                                    <span class="input-group-text">USD</span>
                                </div>
                            </div>
                        </div>`;
            $(".addSalaryField").append(html);
        }
  
</script>
@endsection
@endsection