@extends('layouts.app')
@section('title', 'Leave Policy')
@section('content')
<div class="container page-content">
	<div class="row justify-content-xl-center page-col">
        <div class="col-xl-10 col-12">
        	<h1 class="font-weight-bold typography-4 mb-0">Leave Policy</h1>
        </div>
    </div>
	<div class="row justify-content-xl-center page-col">
		<div class="col-xl-10 col-12">
			<form action="{{ Route::currentRouteName() == 'leave-policy-edit' ? route('leave-policy-update') : route('leave-policy-store') }}" method="POST" autocomplete="off">
				@csrf
				@if( Route::currentRouteName() == 'leave-policy-edit' )
					<input type="hidden" name="id" value="{{ $leave_policy->id }}">
					<input type="hidden" name="notice_id" value="{{ $leave_policy->notices->pluck('id') }}">
					<input type="hidden" name="entitlement_id" value="{{ $leave_policy->entitlements->pluck('id') }}">
				@endif
				<div class="card">
					<div class="card-header">{{ __('Leave Policy') }}</div>
					<div class="card-body">
						<div class="row mb-3">
							<div class="col-md">
								<div class="mb-3 row">
									<label for="name" class="col-md-4 col-form-label">{{ __('Leave Name') }}</label>
									<div class="col-lg-8">
										@if( Route::currentRouteName() == 'leave-policy-edit' )
											<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') ? old('name') : $leave_policy->name }}" />
										@else
											<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" autofocus />
										@endif	
										@error('name')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Leave Name -->
								<div class="mb-3 row">
									<label for="gender" class="col-lg-4 col-form-label">{{ __('Gender') }}</label>
									<div class="col-lg-8">
										<select class="@error('gender') is-invalid @enderror" id="gender" name="gender">
											@foreach ($gender_types as $gender_type => $gender_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('gender') )
													<option value="{{ $gender_type }}" @if( old('gender') == $gender_type ) selected @endif>
														{{ $gender_text }}
													</option>
												@else
													<option value="{{ $gender_type }}" @if( (old('gender') ? old('gender') : $leave_policy->gender) == $gender_type ) selected @endif>
														{{ $gender_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('gender')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Gender -->
								<div class="mb-3 row">
									<label for="marital_status" class="col-lg-4 col-form-label">{{ __('Marital Status') }}</label>
									<div class="col-lg-8">
										<select class="@error('marital_status') is-invalid @enderror" id="marital_status" name="marital_status">
											@foreach ($marital_types as $marital_type => $marital_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('marital_status') )
													<option value="{{ $marital_type }}" @if( old('marital_status') == $marital_type ) selected @endif>
														{{ $marital_text }}
													</option>
												@else
													<option value="{{ $marital_type }}" @if( (old('marital_status') ? old('marital_status') : $leave_policy->marital_status) == $marital_type ) selected @endif>
														{{ $marital_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('marital_status')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Maritial Status -->
								<div class="mb-3 row">
									<label for="employment_type" class="col-lg-4 col-form-label">{{ __('Employment Type') }}</label>
									<div class="col-lg-8">
										<select class="@error('employment_type') is-invalid @enderror" id="employment_type" name="employment_type">
											@foreach ($employment_types as $employment_type => $employment_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('employment_type') )
													<option value="{{ $employment_type }}" @if( old('employment_type') == $employment_type ) selected @endif>
														{{ $employment_text }}
													</option>
												@else
													<option value="{{ $employment_type }}" @if( (old('employment_type') ? old('employment_type') : $leave_policy->employment_type) == $employment_type ) selected @endif>
														{{ $employment_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('employment_type')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Employment Type -->
								<div class="mb-3 row">
									<label for="half_day_request" class="col-lg-4 col-form-label">{{ __('Allow Half Day Request') }}</label>
									<div class="col-lg-8">
										<select class="@error('half_day_request') is-invalid @enderror" id="half_day_request" name="half_day_request">
											@foreach ($day_requests as $day_request => $day_request_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('half_day_request'))
													<option value="{{ $day_request }}" @if( old('half_day_request') == $day_request ) selected @endif>
														{{ $day_request_text }}
													</option>
												@else
													<option value="{{ $day_request }}" @if( (old('half_day_request') ? old('half_day_request') : $leave_policy->half_day_request) == $day_request ) selected @endif>
														{{ $day_request_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('half_day_request')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Allow Half Day Request -->
								<div class="mb-3 row">
									<label for="earn_leave_policy" class="col-lg-4 col-form-label">{{ __('Earn Leave Policy') }}</label>
									<div class="col-lg-8">
										<select class="@error('earn_leave_policy') is-invalid @enderror" id="earn_leave_policy" name="earn_leave_policy">
											@foreach ($earn_leave_types as $earn_leave_type => $earn_leave_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('earn_leave_policy'))
													<option value="{{ $earn_leave_type }}" @if( old('earn_leave_policy') == $earn_leave_type ) selected @endif>
														{{ $earn_leave_text }}
													</option>
												@else
													<option value="{{ $earn_leave_type }}" @if( (old('earn_leave_policy') ? old('earn_leave_policy') : $leave_policy->earn_leave_policy) == $earn_leave_type ) selected @endif>
														{{ $earn_leave_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('earn_leave_policy')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Earn Leave Policy -->
								<div class="mb-3 row">
									<label for="carry_forward_duration" class="col-lg-4 col-form-label">{{ __('Carry Forward duration (month)') }}</label>
									<div class="col-lg-8">
										<select class="@error('carry_forward_duration') is-invalid @enderror" id="carry_forward_duration" name="carry_forward_duration">
											<option disabled @if( Route::currentRouteName() == 'leave-policy-add-new' && !old('carry_forward_duration') ) selected @endif>Please Choose One</option>
											@foreach ($carry_forward_months as $carry_forward_month => $carry_forward_text)
												@if( Route::currentRouteName() == 'leave-policy-add-new' || old('carry_forward_duration'))
													<option value="{{ $carry_forward_month }}" @if( old('carry_forward_duration') == $carry_forward_month ) selected @endif>
														{{ $carry_forward_text }}
													</option>
												@else
													<option value="{{ $carry_forward_month }}" @if( (old('carry_forward_duration') ? old('carry_forward_duration') : $leave_policy->carry_forward_duration) == $carry_forward_month ) selected @endif>
														{{ $carry_forward_text }}
													</option>
												@endif
											@endforeach
										</select>
										@error('carry_forward_duration')
										<span class="invalid-feedback" role="alert">
											<strong>{{ $message }}</strong>
										</span>
										@enderror
									</div>
								</div><!-- Carry Forward duration -->
								<div class="mb-3 row">
									<label for="others" class="col-lg-4 col-form-label">
										{{ __('Others') }}
									</label>
									<div class="col-lg-8">
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->show_in_calendar }}" id="show_in_calendar" name="show_in_calendar" {{ $leave_policy->show_in_calendar ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="show_in_calendar" id="show_in_calendar" value="1" checked />
											@endif
											<label class="form-check-label" for="show_in_calendar">
												Show leave in calendar
											</label>
										</div><!-- Show in Calendar -->
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->cancellation_after_approved }}" id="cancellation_after_approved" name="cancellation_after_approved" {{ $leave_policy->cancellation_after_approved ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="cancellation_after_approved" id="cancellation_after_approved" value="1" checked />
											@endif
											<label class="form-check-label" for="cancellation_after_approved" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="<p class='text-start'>Checked if applicants are not allowed to cancel an approved leave request. If the applicant wishes to cancel, he/she have to inform admin to cancel for them. The system will send an email notification to approvers on the cancellation.</p>">
												Allow cancellation after approved
											</label>
										</div><!-- Cancellation after approved -->
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->allow_application }}" id="allow_application" name="allow_application" {{ $leave_policy->allow_application ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="allow_application" id="allow_application" value="1" checked />
											@endif
											<label class="form-check-label" for="allow_application">
												Allow Application
											</label>
										</div><!-- Allow Application -->
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->support_document }}" id="support_document" name="support_document" {{ $leave_policy->support_document ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="support_document" id="support_document" value="1" {{ old('support_document') ? 'checked' : '' }} />
											@endif
											<label class="form-check-label" for="support_document">
												Required support document
											</label>
										</div><!-- Support Document -->
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->include_holiday }}" id="include_holiday" name="include_holiday" {{ $leave_policy->include_holiday ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="include_holiday" id="include_holiday" value="1" {{ old('include_holiday') ? 'checked' : '' }} />
											@endif
											<label class="form-check-label" for="include_holiday" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" title="<p class='text-start'>Checked if leave calculation includes holidays and non working days. Example: Maternity leave, holiday is included in the leave calculation.</p>">
												Include Holiday
											</label>
										</div><!-- Include Holiday -->
										<div class="form-check form-switch">
											@if( Route::currentRouteName() == 'leave-policy-edit' )
												<input class="form-check-input" type="checkbox" value="{{ $leave_policy->annual_renew }}" id="annual_renew" name="annual_renew" {{ $leave_policy->annual_renew ? 'checked' : '' }} />
											@else
												<input class="form-check-input" type="checkbox" name="annual_renew" id="annual_renew" value="1" {{ old('annual_renew') ? 'checked' : '' }} />
											@endif
											<label class="form-check-label" for="annual_renew">
												Annual Renew
											</label>
										</div><!-- Annual Renew -->
									</div>
								</div><!-- Others -->
							</div>
						</div>
					</div>
				</div><!-- Leave Policy -->

				<div class="page-section">
					<div class="card">
						<div class="card-header"> 
							<div class="row align-items-center">
							    <div class="col-md-10 col-8">
							        {{ __('Leave Notice Policy') }}
							    </div>
							    <div id="AddMoreBtnNotice" class="col-md-2 col-4 d-flex align-self-center justify-content-end">
							    	<a id="AddMoreNoticeBtnBox" class="btn btn-purple btn-action" href="" role="button">
							    		<i class="fas fa-plus"></i>
							    	</a>
							    </div>
							</div><!-- Header Title -->
						</div>
						<div class="card-body">
							<div class="mb-3 row">
								<div class="col-md-12">
									<table class="table table-responsive valign-child-middle">
										<thead class="table-light">
											<tr>
												<th scope="col">#</th>
												<th scope="col">Application Day</th>
												<th scope="col">Notice Period</th>
												<th scope="col">Action</th>
											</tr>
										</thead>
										@if( Route::currentRouteName() == 'leave-policy-edit' )
											<tbody id="LeaveNoticeWrapper">
												@php
													$all_notices = old('application_duration') ? old('application_duration') : $all_notices;
												@endphp
												<tr>
													<td scope="row">1</td>
													<td>
														@if( $all_notices->first() )
															<input class="form-control" type="number" step=".5" id="application_duration" name="application_duration[]" min="0" placeholder="Day(s)" value="{{ old('application_duration') ? old('application_duration')[0] : $all_notices->first()->application_duration }}" />
														@else
															<input class="form-control" type="number" step=".5" id="application_duration" name="application_duration[]" min="0" placeholder="Day(s)" value="{{ old('application_duration') ? old('application_duration')[0] : '' }}" />
														@endif
													</td>
													<td>
														@if( $all_notices->first() )
														<input class="form-control" type="number" id="notice_period" step=".5" name="notice_period[]" min="0" placeholder="Day(s)" value="{{ old('notice_period') ? old('notice_period')[0] : $all_notices->first()->notice_period }}">
														@else
														<input class="form-control" step=".5" type="number" id="notice_period" name="notice_period[]" min="0" placeholder="Day(s)" value="{{ old('notice_period') ? old('notice_period')[0] : ''}}">
														@endif
													</td>
													<td></td>
												</tr>
												@foreach ($all_notices as $index => $single_notice)
													@if($index > 0)
														<tr>
															<td scope="row">{{ $index + 1 }}</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $index > 0 ? 'application_duration'.($index+1) : 'application_duration' }}" name="application_duration[]" min="0" placeholder="Day(s)" value="{{ old('application_duration') ? old('application_duration')[$index] : $single_notice->application_duration }}">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $index > 0 ? 'notice_period'.($index+1) : 'notice_period' }}" name="notice_period[]" min="0" placeholder="Day(s)" value="{{ old('notice_period') ? old('notice_period')[$index] : $single_notice->notice_period }}">
															</td>
															<td>
																<div class="col-md-1 col-2 ps-0">
																	<a class="btn btn-danger btn-action" href="{{ route('leave-policy-delete-notice', $single_notice->id) }}" role="button">
																		<i class="far fa-trash-alt text-white"></i>
																	</a>
																</div>
															</td>
														</tr>
													@endif
												@endforeach
											</tbody>
										@else
											<tbody id="LeaveNoticeWrapper">
												@if (old('application_duration') && old('notice_period'))
													@foreach (old('application_duration') as $key => $application_duration)
														<tr>
															<td scope="row">{{ ($key + 1) }}</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $key > 0 ? 'application_duration'.($key+1) : 'application_duration' }}" name="application_duration[]" value="{{ $application_duration }}" min="0" placeholder="Day(s)">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $key > 0 ? 'notice_period'.($key+1) : 'notice_period' }}" name="notice_period[]" value="{{ old('notice_period')[$key] }}" min="0" placeholder="Day(s)">
															</td>
															<td></td>
														</tr>
													@endforeach
												@else
													<tr>
														<th scope="row">1</th>
														<td>
															<input class="form-control" type="number" step=".5" id="application_duration" name="application_duration[]" min="0" placeholder="Day(s)">
														</td>
														<td>
															<input class="form-control" type="number" step=".5" id="notice_period" name="notice_period[]" min="0" placeholder="Day(s)">
														</td>
														<td></td>
													</tr>
												@endif
											</tbody>
										@endif
									</table>
								</div>
							</div>
						</div>
					</div>
				</div><!-- Leave Notice Policy -->

				<div class="page-section">
					<div class="card">
						<div class="card-header">
							<div class="row align-items-center">
							    <div class="col-md-10 col-8">
							        {{ __('Leave Entitlement') }}
							    </div>
							    <div id="AddMoreBtnEntitlement" class="col-md-2 col-4 d-flex align-self-center justify-content-end">
							    	<a id="AddMoreEntitlementBtnBox" class="btn btn-purple btn-action" href="" role="button"><i class="fas fa-plus"></i></a>
							    </div>
							</div><!-- Header Title -->
						</div>
						<div class="card-body">
							<div class="mb-3 row">
								<div class="col-md-12">
									<table class="table table-responsive valign-child-middle">
										<thead class="table-light">
											<tr>
												<th scope="col">#</th>
												<th scope="col" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true"
												title="<p class='text-start'>Example:<br>
												Set 0 months for default setup.<br>
												Set 24 months for those employee who are working up to 2 years.<br>
												Set 999 months for those employee who are working more than 5 years.</p>">Service Month (min)</th>
												<th scope="col">Entitlement</th>
												<th scope="col">Carry Forward</th>
												<th scope="col">Action</th>
											</tr>
										</thead>
										@if( Route::currentRouteName() == 'leave-policy-edit' )
											<tbody id="LeaveEntitlementWrapper">
												@php
													$all_entitlements = old('service_month') ? old('service_month') : $all_entitlements;
												@endphp
												<tr>
													<th scope="row">1</th>
													<td>
														@if( $all_entitlements->first() )
															<input class="form-control" type="number" id="service_month" name="service_month[]" min="0" placeholder="Month(s)" value="{{ old('service_month') ? old('service_month')[0] : $all_entitlements->first()->service_month }}" />
														@else
															<input class="form-control" type="number" id="service_month" name="service_month[]" min="0" placeholder="Month(s)" value="{{ old('service_month') ? old('service_month')[0] : '' }}" />
														@endif
													</td>
													<td>
														@if( $all_entitlements->first() )
															<input class="form-control" type="number" step=".5" id="entitlement" name="entitlement[]" min="0" placeholder="Day(s)" value="{{ old('entitlement') ? old('entitlement')[$index] : $all_entitlements->first()->entitlement }}">
														@else
															<input class="form-control" type="number" step=".5" id="entitlement" name="entitlement[]" min="0" placeholder="Day(s)" value="{{ old('entitlement') ? old('entitlement')[0] : '' }}" />
														@endif
													</td>
													<td>
														@if( $all_entitlements->first() )
															<input class="form-control" type="number" step=".5" id="carry_forward" name="carry_forward[]" min="0" placeholder="Day(s)" value="{{ old('carry_forward') ? old('carry_forward')[$index] : $all_entitlements->first()->carry_forward }}" />
														@else
															<input class="form-control" type="number" step=".5" id="carry_forward" name="carry_forward[]" min="0" placeholder="Day(s)" value="{{ old('carry_forward') ? old('carry_forward')[$index] : '' }}" />
														@endif
													</td>
													<td></td>
												</tr>
												@foreach ($all_entitlements as $index => $single_entitlement)
													@if($index > 0)
														<tr>
															<th scope="row">{{ $index + 1 }}</th>
															<td>
																<input class="form-control" type="number" id="{{ $index > 0 ? 'service_month'.($index+1) : 'service_month' }}" name="service_month[]" min="0" placeholder="Month(s)" value="{{ old('service_month') ? old('service_month')[$index] : $single_entitlement->service_month }}">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $index > 0 ? 'entitlement'.($index+1) : 'entitlement' }}" name="entitlement[]" min="0" placeholder="Day(s)" value="{{ old('entitlement') ? old('entitlement')[$index] : $single_entitlement->entitlement }}">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $index > 0 ? 'carry_forward'.($index+1) : 'carry_forward' }}" name="carry_forward[]" min="0" placeholder="Day(s)" value="{{ old('carry_forward') ? old('carry_forward')[$index] : $single_entitlement->carry_forward }}">
															</td>
															<td>
																<div class="col-md-1 col-2 ps-0">
																	<a class="btn btn-danger btn-action" href="{{ route('leave-policy-delete-entitlement', $single_entitlement->id) }}" role="button">
																		<i class="far fa-trash-alt text-white"></i>
																	</a>
																</div>
															</td>
														</tr>
													@endif
												@endforeach
											</tbody>
										@else
											<tbody id="LeaveEntitlementWrapper">
												@if (old('service_month') && old('entitlement') && old('carry_forward'))
													@foreach (old('service_month') as $key => $service_month)
														<tr>
															<td scope="row">{{ ($key + 1) }}</td>
															<td>
																<input class="form-control" type="number" id="{{ $key > 0 ? 'service_month'.($key+1) : 'service_month' }}" name="service_month[]" value="{{ $service_month }}" min="0" placeholder="Month(s)">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $key > 0 ? 'entitlement'.($key+1) : 'entitlement' }}" name="entitlement[]" value="{{ old('entitlement')[$key] }}" min="0" placeholder="Day(s)">
															</td>
															<td>
																<input class="form-control" type="number" step=".5" id="{{ $key > 0 ? 'carry_forward'.($key+1) : 'carry_forward' }}" name="carry_forward[]" value="{{ old('carry_forward')[$key] }}" min="0" placeholder="Day(s)">
															</td>
															<td></td>
														</tr>
													@endforeach
												@else
													<tr>
														<th scope="row">1</th>
														<td>
															<input class="form-control" type="number" id="service_month" name="service_month[]" min="0" placeholder="Month(s)">
														</td>
														<td>
															<input class="form-control" type="number" step=".5" id="entitlement" name="entitlement[]" min="0" placeholder="Day(s)">
														</td>
														<td>
															<input class="form-control" type="number" step=".5" id="carry_forward" name="carry_forward[]" min="0" placeholder="Day(s)">
														</td>
														<td></td>
													</tr>
												@endif
											</tbody>
										@endif
									</table>
								</div>
							</div>
						</div>
					</div>
				</div><!-- Leave Entitlement -->	
				<div class="page-section text-end d-flex">
					<a class="btn btn-black btn-custom" href="{{ route('leave-policy-index') }}">Back</a>
					<button type="submit" class="ms-3 btn btn-purple">{{ Route::currentRouteName() == 'leave-policy-edit' ? 'Update' : 'Create' }}</button>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@push('js')
<script type="text/javascript">
	$(document).ready(function(){
		var max_inputs       	 = 5; //maximum extra input boxes allowed
		var leave_notice_wrapper   = $("#LeaveNoticeWrapper"); //input wrapper ID
		var add_button_notice      = $("#AddMoreNoticeBtnBox"); //Add button ID

		var count_notice = leave_notice_wrapper.children().length; //initlal input box count

		var leave_entitlement_wrapper   = $("#LeaveEntitlementWrapper"); //input wrapper ID
		var add_button_entitlement      = $("#AddMoreEntitlementBtnBox"); //Add button ID

		var count_entitlement = leave_entitlement_wrapper.children().length; //initlal input box count

		/*
		 * Leave Notice Policy
		 */
		//on add input button click
		$(add_button_notice).click(function (e) {
	        //max input box allowed
	        if(count_notice <= max_inputs) {
	            count_notice++; //input box added increment
	            //add input box
	            $(leave_notice_wrapper).append(`
            		<tr>
            			<th scope="row">`+count_notice+`</th>
            			<td>
            				<input class="form-control" type="number" step=".5" id="application_duration`+ count_notice +`" name="application_duration[]" min="0" placeholder="Day(s)">
            			</td>
            			<td>
            				<input class="form-control" type="number" step=".5" id="notice_period`+ count_notice +`" name="notice_period[]" min="0" placeholder="Day(s)">
            			</td>
            			<td>
            				<a class="btn btn-danger btn-action removeclassNotice text-white" href="" role="button">
            					<i class="far fa-trash-alt"></i>
            				</a>
            			</td>
            		</tr>
            	`);
	            if(count_notice == max_inputs) {
	            	add_button_notice.hide();
	            }
	        }
	        return false;
	    });

		$("body").on("click",".removeclassNotice", function(e){ //user click on remove button
			if( count_notice > 1 ) {
	            $(this).parent('td').parent('tr').remove(); //remove input box
	            count_notice--; //decrement input box
	            add_button_notice.show();
	        }
	        return false;
	    });

		/*
		 * Leave Entitlement
		 */
	    //on add input button click
		$(add_button_entitlement).click(function (e) {
	        //max input box allowed
	        if(count_entitlement <= max_inputs) {
	            count_entitlement++; //input box added increment
	            //add input box
	            $(leave_entitlement_wrapper).append(`
            		<tr>
            			<th scope="row">`+count_entitlement+`</th>
            			<td>
            				<input class="form-control" type="number" id="service_month`+ count_entitlement +`" name="service_month[]" min="0" placeholder="Month(s)">
            			</td>
            			<td>
            				<input class="form-control" type="number" step=".5" id="entitlement`+ count_entitlement +`" name="entitlement[]" min="0" placeholder="Day(s)">
            			</td>
            			<td>
            				<input class="form-control" type="number" step=".5" id="carry_forward`+ count_entitlement +`" name="carry_forward[]" min="0" placeholder="Day(s)">
            			</td>
            			<td>
            				<a class="btn btn-danger btn-action removeclassEntitlement text-white" href="" role="button">
            					<i class="far fa-trash-alt"></i>
            				</a>
            			</td>
            		</tr>
            	`);
	            // Delete the remove button if there is 10 input boxes.
	            if( count_entitlement == max_inputs ) {
	            	add_button_entitlement.hide();
	            }
	        }
	        return false;
	    });

		$("body").on("click",".removeclassEntitlement", function(e){ //user click on remove button
			if( count_entitlement > 1 ) {
	            $(this).parent('td').parent('tr').remove(); //remove input box
	            count_entitlement--; //decrement input box
	            add_button_entitlement.show();
	        }
	        return false;
	    });
	});
</script>
@endpush