@extends('app-new')

@push('head-script')
 <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/css/daterangepicker.css">
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
<!-- END: Page CSS-->
@endpush
@section('content')
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0">Salary View</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/{{ $alias }}/home"> {{trans('common/common.home')}}</a>
                            </li>
                            <li class="breadcrumb-item"><a
                                    href="/{{ $alias }}/salary-fetch?month={{ $payrollsync->month }}&&year={{ $payrollsync->year }}">
                                    {{trans('admin/template.salary_fetch')}}</a>
                            </li>
                            <li class="breadcrumb-item active">{{trans('admin/template.salary_view')}}
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-header-right text-md-end col-md-6 col-12 d-md-block d-none">
            <div class="form-group breadcrumb-right">  
                <a class="btn btn-primary box-shadow-2" href="{{url('')}}/{{$alias}}/download-payslip?employee_id={{$employeesinfo->id}}&month={{$month}}&year={{$year}}">
                    <i data-feather="file-text"></i> {{trans('admin/template.download_salary_slip')}} </a>
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    @php
                       $contractor = App\Models\User::find(@$payrollsync->employee_details['contractor_id']);
                    @endphp
                    <div style="background: #eee; padding: 15px">
                            @if (@$payrollsync->employee_details['employee_type'] == 'workman')
                            <div class="row headerslip align-items-center">
                                <div class="col-md-4">
                                    @if(isset($contractor) && $contractor->image)
                                        @php
                                        $pathBg = $contractor->getMedia('image')->last()->getFullUrl();
                                        @endphp
                                        <img src="{{$pathBg}}" alt="" style="width: 150px ">
                                    @else
                                        <img src="/assets/img/presence360.png" alt="">
                                    @endif  
                                </div>
                                <div class="col-md-4 text-sm-center">
                                    <h5>{{trans('admin/template.payslip')}}</h5>
                                </div>
                                <div class="col-md-4 text-sm-end">
                                    <h2 style="font-size:20px; color:#000; margin: 0"><strong>{{@$payrollsync->employee_details['contractor_name']}}</strong></h2>
                                    <h5 style="margin-top: 10px; margin-bottom: 0">{{@$payrollsync->employee_details['contractor_address']}}</h5>
                                    <h4 class="text-secondary">{{trans('admin/template.payslip_for_the_month_of')}} <b>{{ date('M', strtotime(date($payrollsync->year . '-' .$payrollsync->month . '-01')))}} ({{$payrollsync->year}})</h4>
                                </div>
                            </div>
                            @else
                            <div class="row headerslip align-items-center">
                                <div class="col-md-4">
                                    @if(isset($organization) && $organization->logo)
                                        @php
                                            $pathBg = $organization->logo;
                                        @endphp
                                        <img src="{{$pathBg}}" alt="" style="width: 150px ">
                                    @else
                                        <img src="/assets/img/presence360.png" alt="">
                                    @endif  
                                </div>
                                <div class="col-md-4 text-sm-center">
                                    <h5>{{trans('admin/template.payslip')}}</h5>
                                </div>
                                <div class="col-md-4 text-sm-end">
                                    <h2 class="text-primary">{{ $organization->name}}</h2>
                                    <h4 class="text-secondary">{{trans('admin/template.payslip_for_the_month_of')}} <b>{{ date('M', strtotime(date($payrollsync->year . '-' .$payrollsync->month . '-01')))}} ({{$payrollsync->year}})</h4>
                                </div>
                            </div>
                            @endif            
                    </div>                    
                    <div class="border-top my-1 my-sm-2"></div>
                    
                    <div class="employee-detail-bg">
                        <h4>{{@$payrollsync->employee_details['name']}} <span>({{@$payrollsync->employee_details['employee_code']}})</span> - {{@$payrollsync->employee_details['department_name']}}</h4>
                        <h5>@if(@$payrollsync->employee_details['date_of_joining'])<i data-feather="calendar"></i> {{trans('admin/template.doj')}}: <span>{{date('d M, Y', strtotime(@$payrollsync->employee_details['date_of_joining']))}}</span>@endif @if($payrollsync->bank_details && $payrollsync->bank_details['esic_no'])<span class="divider">|</span> <i data-feather="file-text"></i> {{trans('admin/template.esic_no')}}:  <span>{{$payrollsync->bank_details['esic_no']}}</span> @endif @if($payrollsync->bank_details && $payrollsync->bank_details['pf_no'])<span class="divider">|</span><i data-feather="clipboard"></i> {{trans('admin/template.pf_no')}}: <span>{{$payrollsync->bank_details['pf_no']}}</span>@endif</h5>
                        <div class="border-top border-dark mt-1 mt-sm-2"></div>
                        <div class="bankdetailsalarybg no-bg">
                            <div class="row">
                                @if($payrollsync->bank_details && $payrollsync->bank_details['bank_name'])
                                    <div class="col-md-2 col-6">
                                        <label>{{trans('admin/template.bank_name')}}</label>
                                        <h6>{{$payrollsync->bank_details['bank_name']}}</h6>
                                    </div>
                                @endif
                                @if($payrollsync->bank_details && $payrollsync->bank_details['bank_account_no'])
                                    <div class="col-md-2 col-6">
                                        <label>{{trans('admin/template.acc_number')}}</label>
                                        <h6>{{$payrollsync->bank_details['bank_account_no']}}</h6>
                                    </div>
                                @endif
                                @if($payrollsync->bank_details && $payrollsync->bank_details['bank_ifsc'])
                                    <div class="col-md-2 col-6">
                                        <label>{{trans('admin/template.ifsc_code')}}</label>
                                        <h6>{{$payrollsync->bank_details['bank_ifsc']}}</h6>
                                    </div>
                                @endif
                                @if($payrollsync->mode_of_payment)
                                    <div class="col-md-2 col-6">
                                        <label>{{trans('admin/template.mode_of_payment')}}</label>
                                        <h6>{{$payrollsync->mode_of_payment}}</h6>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="bankdetailsalarybg">
                            <div class="row">
                                <div class="col-md-7 col-12">
                                    <div class="row">
                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.org_holiday')}}</label>
                                            <h6>{{$payrollsync->organization_holidays}}</h6>
                                        </div>
                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.holidays')}}</label>
                                            <h6>{{$payrollsync->holidays}}</h6>
                                        </div>
                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.week_offs')}}</label>
                                            <h6>{{$payrollsync->week_offs}}</h6>
                                        </div>
                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.leave_days')}}</label>
                                            <h6>{{$payrollsync->total_leave_days}}</h6>
                                        </div>

                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.present_days')}} </label>
                                            <h6>{{$payrollsync->total_present_days}}</h6>
                                        </div>

                                        <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.absent_days')}}</label>
                                            <h6>{{$payrollsync->total_absent_days}}</h6>
                                        </div>
                                        {{-- <div class="col-md-2 col-6">
                                            <label>{{trans('admin/template.po_days')}} </label>
                                            <h6>{{$payrollsync->total_po_days}}</h6>
                                        </div> --}}
                                    </div> 
                                </div>

                                <div class="col-md-5 col-12">
                                    <div class="row">
                                        <div class="col-md-3 col-6">
                                            <label>{{trans('admin/template.paid_days')}}</label>
                                            <h6>{{ $payrollsync->total_paid_days - $payrollsync->total_ariyor_days }}</h6>
                                        </div>
                                        <div class="col-md-3 col-6">
                                            <label>{{trans('admin/template.ot_days')}} </label>
                                            <h6>{{$payrollsync->total_ot_days}}</h6>
                                        </div>
                                        <div class="col-md-3 col-6">
                                            <label>{{trans('admin/template.arrear_days')}}</label>
                                            <h6>{{$payrollsync->total_ariyor_days}}</h6>
                                        </div> 
                                    </div> 
                                </div> 
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="row">
                        <div class="col-md-6 earn-dedtable flex-column d-flex">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{trans('admin/template.earning')}}</th>
                                            <th class="text-end">{{trans('admin/template.rate')}}</th>
                                            <th class="text-end">{{trans('admin/template.pay')}}</th>
                                            @if($payrollsync->total_earning_arrear > 0)
                                                <th class="text-end">{{trans('admin/template.arrear')}}</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($earninglist as $value)
                                            <tr>
                                                <td>{{$value->type_name}}</td>
                                                <td class="text-end"><span>{{round($value->actual_salary, 2)}}</span>
                                                <td class="text-end"><span>{{round($value->calculate_salary, 2)}}</span>
                                                </td>
                                                @if($payrollsync->total_earning_arrear > 0)
                                                    <td class="text-end"><span>{{round($value->arrear_salary, 2)}}</span>
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @if($payrollsync->total_earning_arrear > 0)
                                            <tr>
                                                <td colspan=2><b>{{trans('admin/template.total')}}</b></td>
                                                <td class="text-end"><span><B> {{round(($payrollsync->total_earning - $payrollsync->total_earning_arrear), 2)}}</B></span>
                                                </td>
                                                <td class="text-end"><span><B> {{round(($payrollsync->total_earning_arrear), 2)}}</B></span>
                                                </td>
                                            </tr>
                                        @endif
                                    </tfoot>
                                </table> 
                            </div>
                            
                            <div class="table-responsive mt-auto">
                                <table class="table totalearningtab">  
                                    <tfoot>
                                        <tr>
                                            <td><b><i data-feather="arrow-right-circle"></i> {{trans('admin/template.total_earning')}}</b></td>
                                            <td class="text-end"><span><B> {{round($payrollsync->total_earning, 2)}}</B></span>
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table> 
                            </div>
                        </div>
                        <div class="col-md-6 earn-dedtable d-flex flex-column">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{trans('admin/template.deduction')}}</th>
                                            <th class="text-end">{{trans('admin/template.rate')}}</th>
                                            <th class="text-end">{{trans('admin/template.pay')}}</th>
                                            @if($payrollsync->total_deduction_arrear > 0)
                                                <th class="text-end">{{trans('admin/template.arrear')}}</th>
                                            @endif
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($deductionlist as $value)
                                            <tr>
                                                <td>{{$value->type_name}}</td>
                                                <td class="text-end"><span>{{round($value->actual_salary, 2)}}</span>
                                                <td class="text-end"><span>{{round($value->calculate_salary, 2)}}</span>
                                                </td>
                                                @if($payrollsync->total_deduction_arrear > 0)
                                                    <td class="text-end"><span>{{round($value->arrear_salary, 2)}}</span>
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @if($payrollsync->total_deduction_arrear > 0)
                                            <tr>
                                                <td colspan="2"><b>{{trans('admin/template.total')}}</b></td>
                                                <td class="text-end"><span><B> {{round(($payrollsync->total_deduction - $payrollsync->total_deduction_arrear), 2)}}</B></span>
                                                </td>
                                                <td class="text-end"><span><B> {{round($payrollsync->total_deduction_arrear)}}</B></span>
                                                </td>
                                            </tr>
                                        @endif
                                    </tfoot>
                                </table>
                            </div>
                            <div class="table-responsive mt-auto">
                                <table class="table totalearningtab">  
                                    <tfoot>
                                        <tr>
                                            <td><b><i data-feather="arrow-right-circle"></i> {{trans('admin/template.total_deduction')}}</b></td>
                                            <td class="text-end"><span><B> {{round($payrollsync->total_deduction)}}</B></span>
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table> 
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="netpaysalery">
                        <h5>{{trans('admin/template.net_pay')}}	<span>{{round($payrollsync->net_salary)}}</span></h5>
                    </div>
                    
                    
                    
                    
            
                </div>
            
        </div>
        
        </div>
    </div> 

@endsection

@push('footer-script')


<script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
    <script src="/assets/js/moment.min.js"></script>
    <script src="/assets/js/daterangepicker.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="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
    <script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script>
    <!-- END: Page JS-->

<script>
$(window).on('load', function() {
    if (feather) {
        feather.replace({
            width: 14,
            height: 14
        });
    }
})
</script>

<!-- END: Page JS-->


@endpush