@extends('admin.layout.master')
@section('content')
    
    @php use App\Models\Payroll\Common\Settings\CommonSettingsTypes; @endphp

    <div class="row">
        @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="padding: 5px 10px">
                    <div class='row'>
                        <div class='col-md-10 text-left' pt-2>
                            <h3 class="card-title font-weight-bold"> {{__('obs.yearly_salary_report')}}</h3>
                        </div>
                    
                        @if(count($generated_info) >0)
                        <div class='col-md-1 text-right'>
                             <div class="form-group">
                                <button type="button" class="btn btn-md btn-info text-right" onclick="PrintDiv();">{{__('obs.print')}}</button>
                            </div>
                        </div>
                        <div class='col-md-1 text-right'>
                            {{-- @include('payroll.includes.printAndExcel') --}}
                        </div>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <form action="{{route('payroll.payroll.salary.yearly_salary_report')}}" method="get">
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.employee_name')}}/{{__('obs.code')}}</label>
                                    <select class="form-control name_code_live_search" name="emp_code" id="emp_code">
                                    </select>    
                                
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.department')}}</label>
                                    <select name="emp_department" id="emp_department" class="form-control select_2">
                                        <option value="">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $depart_val)
                                                <option value="{{$depart_val->id}}" @if(request()->get('emp_department') == $depart_val) {{'selected'}} @endif>{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                           
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.select_year')}}</label>
                                    <input type="text" class="datepicker_year form-control input-sm" name="year" id="year">
                                </div>
                            </div>
                            
                            <div class='col-md-1 mt-4'>
                                <button class='btn btn-sm btn-success' style="width: 100px">{{__('obs.search')}}</button>
                            </div>
                          
                        </div>
                       
                    </form>
                    </div>
                </div>
            </div>
        </div>
       


    <div class="row table-responsive"  id="divTableDataHolder" class="table2excel">
        <style>
            table th, table td{
                vertical-align: middle !important; 
            }
            #divTableDataHolder{ 
                
                
            }
            @media print {
                table th, table td{
                    font-size: 10px;
                 }
                 .no-print{
                    display: none;
                 }
                .pagebreak { page-break-after: always; } 
                .print_salary{
                    padding: 0!important;
                    margin: 0 !important;
                }

                @page{
                    padding: 0!important;
                    margin: 0 !important;
                    /* size: 8.5in 5.5in; */
                    /* size:landscape !important; */
                    size:portrait !important;
                    /* size: A4; */
                    /* zoom:100%; */
                    /* font-size: 10px; */
                }
            }
        </style>
        <div class="col-lg-12 " >
            <div class="card-box">
                <div class="card-block">
                    <div class="row ">
                        <div class="col-lg-12">
                       
                              @php
                                 $total_employee = count($generated_info);
                                
                                 $i=0;
                              @endphp
                              
                              @php 
                                 $total_basic = 0; 
                                 $total_gross = 0;
                                 $grand_total_salary = 0;
                              @endphp
                                @foreach (collect($generated_info)->chunk(40) as $chunked_salary )
                                    @php
                                        $total_employee -=count($chunked_salary);
                                    @endphp
                                    <div>
                                        @if(count($generated_info) >0)
                                        <h4 class="card-title text-center m-0">{{store_info()->name_eng}}</h4>
                                        <h5 class="card-title text-center m-0">@if(!empty($emp_department)){{$emp_department->name}}@endif</h5>
                                        <h5 class="card-title text-center m-0"> {{__('obs.salarysheet_for_the year_of')}}  {{$year}}</h5>
                                        @endif
                                    </div>

                                    <table class="table table-bordered table-hover" id="" style="">
                                        <thead>
                                        <tr>
                                            <th>#SL</th>
                                            <th>Card No</th>
                                            <th style="width:15%; white-space: nowrap;">{{__('obs.name')}}</th>
                                            <th style="width:15%; white-space: nowrap;">{{__('obs.designation')}}</th>
                                            <th style="padding: 2px !important; white-space: nowrap;">{{__('obs.joining')}}</th>
                                            <th>Basic</th>
                                            <th style="white-space: pre-wrap">{{__('obs.gross')}}</th>
                                            <th style="white-space: pre-wrap">{{__('obs.total_salary')}}</th>
                                        </tr>

                                        </thead>
                                      
                                        <tbody id="tbody_data">
                                      
                                          @if($generated_info)
                                                 @foreach($chunked_salary as $salary)
                                                
                                                <tr style="line-height:20px" >
                                                    <td class="center_id">{{++$i}}</td>
                                                    <td class="text-center">{{$salary['code']}}</td>
                                                    <td class="text-left" style="white-space: nowrap;"> {{$salary['name']}}</td>
                                                  
                                                    <td class="text-left" style="white-space: nowrap;">{{$salary['designation']}}</td>
                                                  
                                                    <td class="text-center"> {{$salary['join_date']}} </td>
                                                    <td class="text-right"> {{$salary['basic']}} </td>
                                                    <td class="text-right"> {{$salary['gross']}} </td>
                                                   
                                                    <td class="text-right">{{number_format($salary['total_salary'])}} </td>
                                                </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                            
                                    <tr style="font-weight: bold;border-top: 2px solid black">
                                        <td class="text-right" colspan="7"><b> {{__('obs.grand_total')}}</b></td>
                                        <td class="text-right"><b>{{number_format($grand_total)}}</b></td>
                                    </tr>
                                </table>
                                 @include('payroll.signature')

                            <div class="pagebreak"></div>
                         @endforeach
                         
                    </div>
                  </div>
                    
                </div>
            </div>
        </div>
    </div>


@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script>
          $(document).ready(function () {
            $('.select_2').select2();
        });
    
</script>
@endsection