@extends('admin.master')
@section('content')
	@if(isset($editModeData))
@section('title','Edit Pay Grade ')
@else
	@section('title','Add Pay Grade ')
@endif
<div class="container-fluid">
	<div class="row bg-title">
		<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
			<ol class="breadcrumb">
				<li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i> Dashboard</a></li>
				<li>@yield('title')</li>
			</ol>
		</div>
		<div class="col-lg-9 col-md-8 col-sm-8 col-xs-12">
			<a href="{{route('payGrade.index')}}"  class="btn btn-success pull-right m-l-20 hidden-xs hidden-sm waves-effect waves-light"><i class="fa fa-list-ul" aria-hidden="true"></i>  View Pay Grade </a>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-info">
				<div class="panel-heading"><i class="mdi mdi-clipboard-text fa-fw"></i>@yield('title')</div>
				<div class="panel-wrapper collapse in" aria-expanded="true">
					<div class="panel-body">
						@if(isset($editModeData))
							{{ Form::model($editModeData, array('route' => array('payGrade.update', $editModeData->pay_grade_id), 'method' => 'PUT','files' => 'true')) }}
						@else
							{{ Form::open(array('route' => 'payGrade.store','enctype'=>'multipart/form-data','id'=>'payGradeForm')) }}
						@endif

						<div class="form-body">

							@if($errors->any())
								<div class="alert alert-danger alert-dismissible" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
									@foreach($errors->all() as $error)
										<strong>{!! $error !!}</strong><br>
									@endforeach
								</div>
							@endif
							@if(session()->has('success'))
								<div class="alert alert-success alert-dismissable">
									<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
									<i class="cr-icon glyphicon glyphicon-ok"></i>&nbsp;<strong>{{ session()->get('success') }}</strong>
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-danger alert-dismissable">
									<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
									<i class="glyphicon glyphicon-remove"></i>&nbsp;<strong>{{ session()->get('error') }}</strong>
								</div>
							@endif

							<div class="row">
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Pay Grade Name<span class="validateRq">*</span></label>
										{!! Form::text('pay_grade_name',Input::old('pay_grade_name'), $attributes = array('class'=>'form-control required pay_grade_name','id'=>'pay_grade_name','placeholder'=>'Enter pay grade name')) !!}
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Gross Salary<span class="validateRq">*</span></label>
										{!! Form::number('gross_salary',Input::old('gross_salary'), $attributes = array('class'=>'form-control required gross_salary','id'=>'gross_salary','placeholder'=>'Enter gross salary','min'=>'0')) !!}
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Percentage Of Basic<span class="validateRq">*</span></label>
										<select class="form-control percentage_of_basic select2  required" name="percentage_of_basic">
                                            <option value="5" >5%</option><option value="10" >10%</option><option value="15" >15%</option><option value="20" >20%</option><option value="25" >25%</option><option value="30" >30%</option><option value="35" >35%</option><option value="40" >40%</option><option value="45" >45%</option><option value="50" selected>50%</option><option value="55" >55%</option><option value="60" >60%</option><option value="65" >65%</option><option value="70" >70%</option><option value="75" >75%</option><option value="80" >80%</option><option value="85" >85%</option><option value="90" >90%</option><option value="95" >95%</option><option value="100" >100%</option>										</select>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Basic Salary<span class="validateRq">*</span></label>
										{!! Form::number('basic_salary',Input::old('basic_salary'), $attributes = array('class'=>'form-control required basic_salary','readonly'=>'readonly','id'=>'basic_salary','placeholder'=>'Enter basic salary','min'=>'0')) !!}
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Allowance<span class="validateRq">*</span></label>
										<table border="1" style="border: 1px solid #ddd;" class="table">
											<thead  class="thead-bar">
											<tr>
												<th>
													<div class="checkbox checkbox-info">
														<input class="inputCheckbox checkAllAllowance"  type="checkbox" id="inlineCheckbox" checked>
														<label>Select All</label>
													</div>
												</th>
											</tr>
											</thead>
											<tbody>

											@foreach($allowances as $key => $allowance)
												<tr>
													<td>
														<div class="checkbox checkbox-info">
															@if(isset($sortedPayGradeWiseAllowanceData))
																																@if(gettype($ifStoredInAllowance) == 'integer')
																	<input class="allowanceInputCheckbox"  type="checkbox" id="inlineCheckboxAllowance{{$key}}" checked name="allowance_id[]" value="{{$allowance->allowance_id}}">
																	<label for="inlineCheckboxAllowance{{$key}}">{{$allowance->allowance_name}}</label>
																@else
																	<input class="allowanceInputCheckbox"  type="checkbox" id="inlineCheckboxAllowance{{$key}}"  name="allowance_id[]" value="{{$allowance->allowance_id}}">
																	<label for="inlineCheckboxAllowance{{$key}}">{{$allowance->allowance_name}}</label>
																@endif
															@else
																<input class="allowanceInputCheckbox"  type="checkbox" id="inlineCheckboxAllowance{{$key}}" checked name="allowance_id[]" value="{{$allowance->allowance_id}}">
																<label for="inlineCheckboxAllowance{{$key}}">{{$allowance->allowance_name}}</label>
															@endif
														</div>

													</td>
												</tr>
											@endforeach

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

								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Deduction<span class="validateRq">*</span></label>
										<table border="1" style="border: 1px solid #ddd;" class="table">
											<thead  class="thead-bar">
											<tr>
												<th >
													<div class="checkbox checkbox-info">
														<input class="inputCheckbox checkAllDeduction"  type="checkbox" id="inlineCheckbox" checked>
														<label >Select All</label>
													</div>
												</th>
											</tr>
											</thead>
											<tbody>
											@foreach($deductions as $key => $deduction)
												<tr>
													<td>
														@if(isset($sortedPayGradeWiseDeductionData))
                                                            															@if(gettype($ifStoredInDeduction) == 'integer')
																	<div class="checkbox checkbox-info">
																		<input class="deductionInputCheckbox"  type="checkbox" id="inlineCheckboxDeductions{{$key}}" checked name="deduction_id[]" value="{{$deduction->deduction_id}}">
																		<label for="inlineCheckboxDeductions{{$key}}">{{$deduction->deduction_name}}</label>
																	</div>
															@else
																	<div class="checkbox checkbox-info">
																		<input class="deductionInputCheckbox"  type="checkbox" id="inlineCheckboxDeductions{{$key}}"  name="deduction_id[]" value="{{$deduction->deduction_id}}">
																		<label for="inlineCheckboxDeductions{{$key}}">{{$deduction->deduction_name}}</label>
																	</div>
															@endif
														@else
															<div class="checkbox checkbox-info">
																<input class="deductionInputCheckbox"  type="checkbox" id="inlineCheckboxDeductions{{$key}}" checked name="deduction_id[]" value="{{$deduction->deduction_id}}">
																<label for="inlineCheckboxDeductions{{$key}}">{{$deduction->deduction_name}}</label>
															</div>
														@endif

													</td>
												</tr>
											@endforeach
										</table>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="exampleInput">Overtime Rate (Per Hour)</label>
										{!! Form::number('overtime_rate',Input::old('overtime_rate'), $attributes = array('class'=>'form-control overtime_rate','id'=>'overtime_rate','placeholder'=>'Overtime Rate ( Per Hour)','min'=>'0')) !!}
									</div>
								</div>

							</div>
						</div>
						<div class="form-actions">
							<div class="row">
								<div class="col-md-12">
									@if(isset($editModeData))
										<button type="submit" class="btn btn-info btn_style"><i class="fa fa-pencil"></i> Update</button>
									@else
										<button type="submit" class="btn btn-info btn_style"><i class="fa fa-check"></i> Save</button>
									@endif
								</div>
							</div>
						</div>

						{{ Form::close() }}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
@section('page_scripts')
	<script>
        jQuery(function (){

            $("#payGradeForm").validate();

            $(document).on("change",".gross_salary,.percentage_of_basic  ",function(){
                var gross_salary		 =  $('.gross_salary').val();
                var percentage_of_basic  =  $('.percentage_of_basic').val();
                var basicSalary = 0;
                basicSalary = (gross_salary * percentage_of_basic) /100;
                $('.basic_salary').val(basicSalary);
            });

            $(document).on("click", '.checkAllAllowance', function (event) {
                if (this.checked) {
                    $('.allowanceInputCheckbox').each(function () {
                        this.checked = true;
                    });
                } else {
                    $('.allowanceInputCheckbox').each(function () {
                        this.checked = false;
                    });
                }
            });

            $(document).on("click", '.checkAllDeduction', function (event) {
                if (this.checked) {
                    $('.deductionInputCheckbox').each(function () {
                        this.checked = true;
                    });
                } else {
                    $('.deductionInputCheckbox').each(function () {
                        this.checked = false;
                    });
                }
            });

        });

	</script>
@endsection