@extends('admin.layout.master')
@section('content')

<style>
     select {
            height: 33px !important;
        }
    label {
        margin-bottom: 1px;
    }
    
    @media print{
            @page{
                size: A4 portrait;
                /* size: legal landscape; */
              
            }
            body {
                zoom:50%; /*or whatever percentage you need, play around with this number*/
                font-family: serif;
                font-size:17px;
                font-weight: bold;
                background-color: #FFFFFF !important;
            }

        }
 </style>
   
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="padding: 0 10px">
                    <div class='row'>
                        <div class='col-md-10 text-left' pt-2>
                            <h3>{{__('obs.employee_blank_report')}}</h3>
                           
                        </div>
                      
                        <div class='col-md-1 text-right'>
                          
                            <div class="form-group">
                                <button type="button" class="btn btn-sm btn-info text-right" onclick="PrintDiv();">{{__('obs.print')}}</button>
                            </div>
                         
                        </div>
                        <div class='col-md-1 text-right'>
                           
                            @include('payroll.includes.printAndExcel')
                           
                        </div>
                      

                    </div>
                </div>
                <div class="card-body">
                   
                    <form action="{{route('payroll.hrm.reports.employee_blank_sheet')}}" method="get">
                        <input type="hidden" name="search" value="true">

                        <div class='row'>
                            <div class='col-lg-3 col-md-3 col-sm-6 '>
                                <div class="form-group">
                                    <label>{{__('obs.department')}}</label>
                                    <select name="department_id" id="department_id" class="form-control select_2" required>
                                        <option value="">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $depart_val)
                                                <option value="{{$depart_val->id}}" @if(request()->get('department_id') == $depart_val) {{'selected'}} @endif>{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-lg-3 col-md-3 col-sm-6 '>
                                <div class="form-group">
                                    <label>{{__('obs.select_column')}}</label>
                                 
                                    <select class="form-control select_2 " name="column[]" id="column" multiple style="width: 100%" style="height:20px">
                                         @foreach (report_column() as $column)
                                              <option value="{{$column}}">{{$column}}</option>
                                         @endforeach
                                     
                                    </select>
                                </div>
                            </div>

                            <div class='col-lg-3 col-md-3 col-sm-6 '>
                                <div class="form-group">
                                    <label>{{__('obs.report_title')}}</label>
                                    <input type="text" class=" form-control" name="reprt_title" id="reprt_title" value="" required>
                                </div>
                            </div>
                            <div class='col-lg-2 col-md-2 col-sm-6 '>
                                <div class="form-group">
                                    <label>{{__('obs.month')}}</label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="date" id="date" value="{{ request()->get('date') ? request()->get('date') : date('01-m-Y') }}">
                                </div>
                            </div>
                          
                            <div class='col-lg-1 col-md-1  col-sm-4  mt-4'>
                                <button class='btn btn-sm btn-danger' name='button_submit'>{{__('obs.search')}}</button>
                            </div>
                           
                        </div>
                    </form>
                    </div>
                </div>
            </div>
        </div>
       
    @if(count($employees) >0)
   
     <div id="divTableDataHolder" class="table2excel">
        <style>
            table th, table td{
                vertical-align: middle !important; 
            }
           
            @media print {
                table th, table td{
                    font-size: 16px;
                    font-weight: bold;
                 }
                 .no-print{
                    display: none;
                 }
                .pagebreak { page-break-after: always; } 
                
                @page{
                    size: auto;
                    margin: 2mm 1mm 2mm 1mm 
                  
                }
            }
        </style>
        @php($i=1)
        @foreach ($employees->chunk(25) as $chunk_data)
        <div style="page-break-before: always;"></div>
        <div class="row" >
            <div class="col-lg-12">
               
                        <h4 id="heading_name" class="text-center">{{$reprt_title}}</h4>

                        <div class="row">
                            <div class="col-6">
                                <h4 class="text-left  pl-3">{{$chunk_data->first()->fetch_department->name}}</h4>
                            </div>
                            <div class="col-6">
                                <h4 class="text-right pr-3">{{__('obs.month')}}: {{$month}}</h4>

                            </div>
                        </div>

                            <div class=" row m-3" style="display: none">

                                <table class="table table-stripped table-bordered" style="width:100%">
                                    <tr>
                                        <th colspan="12" class="text-center">
                                           <h4 class="text-center">{{$reprt_title}}</h4>
                                           <h4 class="text-center">{{$chunk_data->first()->fetch_department->name}}</h4>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th colspan="12" class="text-center">
                                            <h4 class="text-center">{{$employees->first()->fetch_department->name}}</h4>
                                        
                                        </tr>  

                                </table>
                              </div>
                    
                        <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                            <table class="table table-bordered table-hover text-center" style="width: 100%">
                            <thead class="">
                                <tr>
                                    <th style="width: 3%">{{__('obs.sl')}}</th>
                                    <th style="width: 3%">{{__('obs.id_number')}}</th>
                                    <th style="width: 10%">{{__('obs.name')}}</th>
                                    <th style="width: 10%">{{__('obs.designation')}}</th>
                                    @if(count($columns) >0)
                                    @foreach ($columns as $column)
                                    <th style="width: 20%">{{$column}}</th>
                                    @endforeach
                                @endif
                                </tr>
                                </thead>
                                <tbody>
                                  
                                    @foreach ($chunk_data as $data)
                                  
                                    <tr style="height: 42">
                                        <td>{{$i++}}</td>
                                        <td>{{$data->emp_code}}</td>
                                        <td class="text-left" style="white-space: nowrap;"> {{$data->emp_name}}   </td>
                                        <td class="text-left" style="white-space: nowrap;">{{$data->fetch_designation->name}}</td>
                                        @if(count($columns) >0)
                                        @foreach ($columns as $column)
                                            <td></td>
                                        @endforeach
                                        @endif
                                    </tr>
                                    @endforeach

                                    </tbody>
                            </table>
                        </div>                         
                        
                   
                </div>
            </div>
           
            @endforeach
        </div>
     @else
     
     @if(request()->get('search') !=null)
     <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="text-center">{{__('obs.no_data_found')}}</h4>
                </div>
           </div>
        </div>
    </div>
    @endif
     @endif
   
    @endsection

    @section('script')
    @include('payroll.hrm_script')
    @endsection