@extends('layouts.base')
@section('content')
<div class="page-inner">
    <div class="modal fade bd-example-modal-lg" id="updateApprovalModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLongTitle"><b>Approval Update</b></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">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>{{trans('labels.approval_type')}}</th>
                                        <th>{{trans('labels.approval_id')}}</th>
                                        <th>{{trans('labels.requested_by')}}</th>
                                        <th>{{trans('labels.requested_date')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td id="lblApprovalType"></td>
                                        <td id="lblApprovalId"></td>
                                        <td id="lblApprovalRequestedBy"></td>
                                        <td id="lblApprovalRequestedDate"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <hr>
                    <div class="card">
                        @include('employee.components.employee-mini-profile')
                        @include('leave.components.leave-summary')
                    </div>
                    
                    @include('approval.salary-creation-approval')
                    @include('approval.salary-amendments-approval')
                    @include('approval.leave-request-approval')
                    @include('approval.leave-cancel-request-approval')
                    @include('approval.attendance-edit-request-approval')
                    
                    <hr/>
                    <form id="approvalForm" name="approvalForm" novalidate="novalidate">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />
                        <input type="hidden" id="approvalId" name="approvalId" value="" />
                        <input type="hidden" id="approvalType" name="approvalType" value="" />
                        <div class="row">
                            <div class="col-md-4 col-lg-4">
                                <div class="form-group">
                                    <label for="approvalAction">{{trans('labels.action')}}<span class="required-label">*</span></label>
                                    <select id="approvalAction" name="approvalAction" class="form-control" required="">
                                        <option value="">{{trans('labels.select')}}</option>

                                        @foreach(trans("constants.approvalStatus") as $k => $v)
                                            <option value="{{$k}}">{{$v}}</option>
                                        @endforeach

                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-md-8 col-lg-8 col-xs-8">
                                <div class="form-group">
                                    <label for="approvalRemark">{{trans('labels.remark')}} <span class="required-label">*</span></label>
                                    <textarea class="form-control uppercase" id="approvalRemark" name="approvalRemark" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    @can('approval_update')
                        <button type="button" class="btn btn-success text-center pull-right" id="btnUpdateApproval" style="margin-right:10px;"><i class="fa fa-check-circle"></i> {{trans('labels.update_button')}}</button>
                        {{-- <button type="button" class="btn btn-info text-center" id="btnUpdateApproval"><i class="fas fa-edit"></i> {{trans('labels.update_button')}}</button> --}}
                    @endcan
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    
    @include('partials.bread-crumbs')

    <div class="row">
        <div class="col-md-12">
            <form id="approvalForm" name="approvalForm">
                <input type="hidden" id="_idpk" name="_idpk" value="" />
                <input type="hidden" id="hidGrossSalary" name="hidGrossSalary"/>
                <input type="hidden" id="hidNetSalary" name="hidNetSalary"/>
                <input type="hidden" id="hidTotalAllowances" name="hidTotalAllowances"/>
                <input type="hidden" id="hidTotalDeductions" name="hidTotalDeductions"/>
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{trans('labels.approval_list')}}</h4>
                        <div class="col-auto">
                            
                        </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.approval_id')}}</th>
                                        <th>{{trans('labels.approval_type')}}</th>
                                        <th>{{trans('labels.requested_by')}}</th>
                                        <th>{{trans('labels.requested_date')}}</th>
                                        <th>{{trans('labels.action')}}</th>
                                        <th>{{trans('labels.id')}}</th>
                                        <th>{{trans('labels.approval_type')}}</th>
                                        <th>{{trans('labels.approval_data')}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer"> 
                        <div class="row">
                            <div class="col-md-12">
                                &nbsp;
                            </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/datatables.min.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/autoNumeric1.6.2.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/salary-creation-approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/salary-amendments-approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/leave-request-approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/leave-cancel-request-approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/approval/attendance-edit-request-approval.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/employee/components/employee-mini-profile.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/leave/components/leave-summary.js')}}"> </script>
@endsection