@extends('app') @section('page-title') @section('content') @if (isset($status))
<div class="pad margin no-print">
   <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
       <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
       <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
       <ul>
           @foreach ($status['messages'] as $m)
           <li>{{$m}}</li>
           @endforeach
       </ul>
   </div>
</div>
@endif
<div class="row">
   <div class="col-xs-12">

       <div class="panel panel-inverse">
           <div class="panel-heading">Payslip view</div>
           <div class="panel-wrapper collapse in" aria-expanded="true">
               <div class="panel-body">
                   
            <form method="get" action="payslip-view">
                   <div class="form-body">
                       
                       <div class="row">

                             <div class="col-md-2">
                               <div class="form-group">
                                   <label class="required">Month</label>
                                   <select class="select2 form-control" name="month" id="month">
                                        <option value="01" @if($month =='01') selected @endif>Jan</option>
                                        <option value="02" @if($month =='02') selected @endif>Feb</option>
                                        <option value="03" @if($month =='03') selected @endif>Mar</option>
                                        <option value="04" @if($month =='04') selected @endif>Apr</option>
                                        <option value="05" @if($month =='05') selected @endif>May</option>
                                        

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

                             <div class="col-md-2">
                               <div class="form-group">
                                   <label class="required">Year</label>
                                   <select class="select2 form-control" name="year" id="year">
                                        <option value="2022" @if($year =='2022') selected @endif>2022</option>
                                   </select>
                               </div>
                             </div>

                             <div class="col-md-2">
                           <div class="form-group {{{ $errors->has('employee_id') ? 'has-error' : '' }}}">
                               <label class="required">Employee</label>
                               <select class="select2 form-control" name="employee_id" id="employee_id">
                                    <option value="">Select</option>
                                   @foreach($employeelist as $employee)
                                   <option value="{{ $employee->employeeinfo->id }}" @if(isset($data->employee_id) && ($data->employee_id ==$employee->id) || (old('employee_id') ==$employee->id)) selected @endif>{{ ucwords($employee->employeeinfo->name) }} ({{$employee->employeeinfo->employee_code}})</option>
                                   @endforeach
                               </select>{!! $errors->first('employee_id','<label class="control-label" for="employee_id">:message</label>')!!}
                           </div>
                       </div>

                             <div class="col-md-2">
                               <div class="form-group">
                       <button type="submit" id="save-form-2" class="btn btn-info"> View </button> </div>
                             </div>
                              


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


               </div>
                   
                   

           </div>

       </div>
       <!--/row-->
      
       
   </div>

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


@endsection @push('footer-script')
<script src="/assets/plugins/bower_components/datatables/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
-<!<script src="/assets/js/datatables/buttons.server-side.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.print.min.js"></script>
<script>
   $(document).ready(function() {
      $('#organization').DataTable({
           language:{
               "infoFiltered":""
           },
           "processing": true,
           "serverSide": true,
           dom: 'Bfrtip',
           buttons: [
               {
               extend: 'copy',
               exportOptions: {
                   columns: Array.from(Array($("#organization th").length-1).keys())
               },
           },
           {
               extend: 'csv',orientation:"landscape",
               exportOptions: {
                   columns: Array.from(Array($("#organization th").length-1).keys())
               },
               action: serverSideButtonAction
           },
           {
               extend: 'excel',orientation:"landscape",
               exportOptions: {
                   columns: Array.from(Array($("#organization th").length-1).keys())
               },
               action: serverSideButtonAction
           },
           {
               extend: 'pdf',orientation:"landscape",
               exportOptions: {
                   columns: Array.from(Array($("#organization th").length-1).keys())
               },
               action: serverSideButtonAction
           },
           {
               extend: 'print',
               exportOptions: {
                   columns: Array.from(Array($("#organization th").length-1).keys())
               }
           }
           ],
           "ajax": {
               "url": "{{ route('paysliplist.all',['slug'=>$alias]) }}",
               "dataType": "json",
               "type": "POST",
               "data": {
                   _token: "{{csrf_token()}}"
               }
           },
           "columns": [ 
               {
               "data": "employee_id",
               "orderable": true,
               render: function(data, type,row) {
                   if (type === "display") {
                       if(row.employee){
                           data = row.employee.name+' ( '+row.employee.employee_code+' ) ';  
                       }else{
                            data="";
                       }
                   }
                   return data;
               }
               
           },{
               "data": "month_id",
               "orderable": true, 
           },{
               "data": "year_id",
               "orderable": true,
           },{
               "data": "total_month_days",
               "orderable": true,
           },{
               "data": "organization_holidays",
               "orderable": true,
           },{
               "data": "total_present_days",
               "orderable": true,
           },{
               "data": "total_absent_days",
               "orderable": true,
           },{
               "data": "total_leave_days",
               "orderable": true,
           },{
               "data": "total_paid_days",
               "orderable": true,
           },{
               "data": "ctc_for_month",
               "orderable": true,
           },{
               "data": "total_earning",
               "orderable": true,
           },{
               "data": "total_deduction",
               "orderable": true,
           },{
               "data": "net_salary",
               "orderable": true,
           },{
               "data": "status",
               "orderable": true,
           },
           {
               "data": "status",
               "orderable": false,
           }],
           "columnDefs": [{
               "targets": -1,
               "data": null,
               render: function(data, type, row, meta) {
                   if (type === 'display') {
                       data="";

                       data = '<div class="btn-group dropdown m-r-10">';
                       data += '<button aria-expanded="false" data-toggle="dropdown" class="btn btn-default dropdown-toggle waves-effect waves-light" type="button">';
                       data += '<i class="fa fa-gears "></i></button><ul role="menu" class="dropdown-menu pull-right">';
                       data += '<li><a href="/{{$alias}}/payslip_view?employee_id=' + row.employee_id + '&month='+row.month_id+'&year='+row.year_id+'"><i class="fa fa-eyes" aria-hidden="true"></i>View</a></li>';

                       
                   }

                   return data;
               }
           }]

       });
   });

   
-</script>
-<style type="text/css">
   label {
   display: none;
-}
-</style>
-
  
-@endpush