@extends('layouts.base')
@section('content')
<div class="page-inner">
    
    @include('partials.bread-crumbs')
    @include('salary.employee-salary-view')
    <div class="modal fade" id="searchAdditionalAmendmentModal" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLongTitle">{{trans('labels.existing_amendments')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>
                <div class="modal-body  bg-light">
                    <form id="searchForm" name="searchForm">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h4 class="card-title">{{trans('labels.currently_active_created_existing_amendments')}}</h4>
                            </div>
                        </div>
                       
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="tblCreatedAmendments" class="display table table-striped table-hover" >
                                    <thead>
                                        <tr>
                                            <th style="width:25px;">#</th>
                                            <th>{{trans('labels.created_date')}} </th>
                                            <th>{{trans('labels.created_by')}} </th>
                                            <th>{{trans('labels.amendment')}} </th>
                                            <th>{{trans('labels.calculation_type')}} </th>
                                            <th>{{trans('labels.amount')}} </th>
                                            <th>{{trans('labels.number_of_month')}} </th>
                                            <th>{{trans('labels.start_month')}} </th>
                                            <th>{{trans('labels.end_month')}} </th>
                                            <th>{{trans('labels.action')}}</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> 
    {{-- <div class="modal fade" id="addAllowancesModal" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLongTitle">{{trans('labels.add_allowance')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>
                <div class="modal-body  bg-light">
                    <form id="addAllowanceForm" name="addAllowanceForm">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />
                       
                        <div class="card-body">
                            <div class="row">
                                
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="allowance">{{trans('labels.allowance')}} <span class="required-label">*</span></label>
                                        <select id="allowance" name="allowance" class="form-control"  autocomplete="off"  autocomplete="off">
                                            <option value="">{{trans('labels.select')}}</option>
                                            @foreach ($allowances as $allowance)
                                                <option value="{{$allowance->id}}">{{$allowance->description}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> 
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="allowanceType">{{trans('labels.allowance_type')}} <span class="required-label">*</span></label>
                                        <select id="allowanceType" name="allowanceType" class="form-control"  autocomplete="off" >
                                            <option value="">{{trans('labels.select')}}</option>
                                            @foreach (trans('constants.allowance_type') as $k => $v)
                                                <option value="{{$k}}">{{$v}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>  
                            </div>  
                            <div class="row">
                                <div class="col-md-6" id="divAllowancePercentage" style="display:none">
                                    <div class="form-group form-group-default">
                                        <label for="allowancePercentage">{{trans('labels.allowance_percentage')}} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control amo" id="allowancePercentage" name="allowancePercentage" maxlength="100" autocomplete="off">
                                    </div>
                                </div> 

                                <div class="col-md-6" id="divAllowanceAmount" >
                                    <div class="form-group form-group-default">
                                        <label for="allowanceAmount">{{trans('labels.fixed_amount')}} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control amo" id="allowanceAmount" name="allowanceAmount" maxlength="100" disabled autocomplete="off">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <button class="btn btn-primary btn-lg mt-2 pull-right"  id="btnAddAllowance" type="button">
                                        <i class="fa fa-check-circle"></i> &nbsp;
                                        {{trans('labels.add_allowance_button') }}
                                    </button>
                                </div>
                            </div>
                            
                            
                        </div>
                        
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> --}}

    {{-- <div class="modal fade" id="addDeductionsModal" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLongTitle">{{trans('labels.add_deduction')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>
                <div class="modal-body  bg-light">
                    <form id="addDeductionForm" name="addDeductionForm">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />

                       
                        <div class="card-body">
                            <div class="row">
                                
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="deduction">{{trans('labels.deduction')}} <span class="required-label">*</span></label>
                                        <select id="deduction" name="deduction" class="form-control"  autocomplete="off"  autocomplete="off">
                                            <option value="">{{trans('labels.select')}}</option>
                                            @foreach ($deductions as $deduction)
                                                <option value="{{$deduction->id}}">{{$deduction->description}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> 
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="deductionType">{{trans('labels.deduction_type')}} <span class="required-label">*</span></label>
                                        <select id="deductionType" name="deductionType" class="form-control"  autocomplete="off" >
                                            <option value="">{{trans('labels.select')}}</option>
                                            @foreach (trans('constants.deduction_type') as $k => $v)
                                                <option value="{{$k}}">{{$v}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>  
                            </div>  
                            <div class="row">
                                <div class="col-md-6" id="divDeductionPercentage" style="display:none">
                                    <div class="form-group form-group-default">
                                        <label for="deductionPercentage">{{trans('labels.allowance_percentage')}} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control amo" id="deductionPercentage" name="deductionPercentage" maxlength="100" autocomplete="off">
                                    </div>
                                </div> 

                                <div class="col-md-6" id="divDeductionAmount" >
                                    <div class="form-group form-group-default">
                                        <label for="deductionAmount">{{trans('labels.fixed_amount')}} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control amo" id="deductionAmount" name="deductionAmount" maxlength="100" disabled autocomplete="off">
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <button class="btn btn-primary btn-lg mt-2 pull-right"  id="btnAddDeduction" type="button">
                                        <i class="fa fa-check-circle"></i> &nbsp;
                                        {{trans('labels.add_deduction_button') }}
                                    </button>
                                </div>
                            </div>
                            
                            
                        </div>
                        
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> --}}
    <div class="modal fade" id="addEmployeeModal" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLongTitle">{{trans('labels.employee_detail')}}</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                </div>
                <div class="modal-body  bg-light">
                    <form id="searchForm" name="searchForm">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />
                        <input type="hidden" id="_idpk" name="_idpk" value="" />
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h4 class="card-title">{{trans('labels.search')}}</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12"><h4></h4></div>
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="employeeCategory">{{trans('labels.employee_category')}} <span class="required-label">*</span></label>
                                        <select id="employeeCategory" name="employeeCategory" class="form-control"  autocomplete="off"  autocomplete="off">
                                            <option value="">{{trans('labels.select_all')}}</option>
                                            @foreach ($categories as $category)
                                                <option value="{{$category->id}}">{{$category->description}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> 
                                <div class="col-md-6">
                                    <div class="form-group form-group-default">
                                        <label for="employeeDesignation">{{trans('labels.employee_designation')}} <span class="required-label">*</span></label>
                                        <select id="employeeDesignation" name="employeeDesignation" class="form-control"  autocomplete="off" >
                                            <option value="">{{trans('labels.select_all')}}</option>
                                            @foreach ($designations as $designation)
                                                <option value="{{$designation->id}}">{{$designation->description}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>  
                            </div>
                            <div class="row">
                                <div class="col-md-9">
                                    <div class="form-group form-group-default">
                                        <label for="search">{{trans('labels.employee_search')}} <span class="required-label">*</span></label>
                                        <input type="text" class="form-control uppercase" id="search" name="search" maxlength="100" >
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <button class="btn btn-primary btn-lg mt-2 pull-right"  id="btnSearch" type="button">
                                        <i class="fas fa-search"></i> &nbsp;
                                        {{trans('labels.search_button') }}
                                    </button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <small class="text-default" style="font-size:12px;"><b>(USE AS A PART OF <u>NAME, CONTACT NUMBER OR NIC</u>)</b></small>
                                </div>
                            </div>
                        </div>
                        <div class="card-header">
                            <div class="d-flex align-items-center">
                                <h4 class="card-title">{{trans('labels.search_result')}}</h4>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="tblData" class="display table table-striped table-hover" >
                                    <thead>
                                        <tr>
                                            <th style="width:25px;">#</th>
                                            <th>{{trans('labels.employee_no')}} </th>
                                            <th>{{trans('labels.ref_no')}} </th>
                                            <th>{{trans('labels.employee_name')}} </th>
                                            <th>{{trans('labels.employee_category')}} </th>
                                            <th>{{trans('labels.employee_designation')}} </th>
                                            <th>{{trans('labels.nic')}} </th>
                                            <th><label class="colorinput"> <input id="all_action" type="checkbox" class="colorinput-input action"><span class="colorinput-color bg-info"></span></label></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-info" id="btnAddEmployee"><i class="fa fa-plus-circle"></i> Add</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <form id="form" name="form">
                <input type="hidden" id="_idpk" name="_idpk"/>
                <div class="card">
                    
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="form-group form-group-default">
                                    <label for="amendmentType">{{trans('labels.amendment_type')}} <span class="required-label">*</span></label>
                                    <select id="amendmentType" name="amendmentType" class="form-control" required autocomplete="off" >
                                        <option value="">{{trans('labels.select')}}</option>
                                        @foreach ($amendmentTypes as $amendmentType)
                                            <option value="{{$amendmentType->id}}">@if($amendmentType->type=='1') ADDITION TO SALARY @else DEDUCTION FROM SALARY @endif - {{$amendmentType->description}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> 

                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="calculationType">{{trans('labels.calculation_type')}} <span class="required-label">*</span></label>
                                    <select id="calculationType" name="calculationType" class="form-control"  autocomplete="off" >
                                        <option value="">{{trans('labels.select')}}</option>
                                        @foreach (trans('constants.calculation_type') as $k => $v)
                                            <option value="{{$k}}">{{$v}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> 
                            
                            
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="amount">{{trans('labels.amount')}} / {{trans('labels.percentage')}}<span class="required-label">*</span></label>
                                    <input type="text" class="form-control amo" id="amount" name="amount" maxlength="100" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="numberOfMonths">{{trans('labels.number_of_month')}} <span class="required-label">*</span></label>
                                    <input type="text" class="form-control num" id="numberOfMonths" name="numberOfMonths" maxlength="2" autocomplete="off">
                                </div>
                            </div> 
                            <div class="col-md-4">
                                <div class="form-group form-group-default">
                                    <label for="startMonth">{{trans('labels.start_month')}} <span class="required-label">*</span></label>
                                    <input type="text" class="form-control monthpicker " id="startMonth" name="startMonth" maxlength="100" autocomplete="off">
                                </div>
                            </div> 
                        </div> 
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group form-group-default  form-input-readonly">
                                    <label for="endMonth">{{trans('labels.end_month')}} </label>
                                    <input type="text" class="form-control" id="endMonth" name="endMonth" maxlength="100" autocomplete="off" readonly>
                                </div>
                            </div> 
                            
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="align-items-center">
                            <h4 class="card-title">{{trans('labels.employee_list')}}   <button class="btn btn-primary pull-right" id="btnEmployeeListModal" type="button"><span class="btn-label"><i class="fa fa-plus-circle"></i> {{trans('labels.add_employee')}}</span> </button></h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tblEmployeeList" class="display table table-striped table-hover" >
                                <thead>
                                    <tr>
                                        <th style="width:25px;">#</th>
                                        <th>{{trans('labels.employee_no')}} </th>
                                        <th>{{trans('labels.ref_no')}} </th>
                                        <th>{{trans('labels.employee_name')}} </th>
                                        <th>{{trans('labels.employee_category')}} </th>
                                        <th>{{trans('labels.employee_designation')}} </th>
                                        <th>{{trans('labels.nic')}} </th>
                                        <th>{{trans('labels.view')}}</th>
                                        <th>{{trans('labels.action')}}</th>
                                        <th></th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card-body">
                        
                    </div>   
                    <div class="card-footer"> 
                        <div class="row">
                            <div class="col-md-12">    
                                @can('salary_amendment_create')
                                    @include('partials.buttons.save')
                                @endcan
                            
                                @include('partials.buttons.reset')
                            </div>
                        </div>
                    </div>
                    
                </div>

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


@endsection
@section('custom_scripts')
<script type="text/javascript" src="{{asset('js/xhr.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/services/constant.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/salary/salary-amendment.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/datatables.min.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/autoNumeric1.6.2.js')}}"> </script>
@endsection