@extends('admin.layout.master')
@section('content')
<style>
 
</style>
<style>
 
    @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-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <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>Department Wise In/Out Report</h3>
                        </div>
                        @if(count($attendances) >0)
                        <div class='col-md-1 text-right'>
                          
                            <div class="form-group">
                                <button type="button" class="btn btn-sm btn-info text-right" onclick="PrintDiv();">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.hrm.roster_report.department_wise_attendance')}}" method="get">
                     <input type="hidden" name="search" value="true">

                        <div class='row'>

                            <div class='col-3'>
                                <div class="form-group">
                                    <label>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-2'>
                                <div class="form-group">
                                    <label>Date From </label>
                                    <input type="text" class="datepicker form-control"
                                        name="date_from" id="date_from" value="{{ request()->get('date_from') ? request()->get('date_from') : date('01-m-Y') }}">
                                </div>
                            </div>
                            <div class='col-2'>
                                <div class="form-group">
                                    <label>Date To</label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="date_to" id="date_to"  value="{{ request()->get('date_to') ? request()->get('date_to') : date('01-m-Y') }}">   
                                </div>
                            </div>
                          
                            <div class='col-1 mt-4'>
                                <button class='btn btn-sm btn-danger'>Search</button>
                            </div>
                           
                        </div>
                    </form>
                    </div>
                </div>
            </div>
        </div>
       
    @if(count($attendances) >0)
     <div id="divTableDataHolder" class="table2excel">

        <style>
             table th, table td{
                vertical-align: middle !important; 
            }
          
            @media print {
                 .no-print{
                    display: none;
                 }
                .pagebreak { page-break-after: always; } 
             
                @page{
                   /* size: 8.5in 5.5in; */
                    size: A4 portrait;
                    /* size: legal landscape; */
                   /* font-size: 10px; */
                   margin: 3mm !important;
                   padding: 0 !important;
               }

               body {
                   zoom:70%; 
                   /* font-family: serif;
                   font-size:17px;
                   font-weight: bold;
                   background-color: #FFFFFF !important; */
                 
               }
            }
        </style>
        
        <table>
            <tr style="display: none">
                <td colspan="10" class="text-center">
                    <span id="heading_name" >Department Wise Attendance Report</span>
                </td>
            </tr>
        </table>

       @foreach ($attendances as $data)
      
        @if(count($data['attendances'])>0)
            <div class="row" >
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body" style="padding: 0 ">
                            <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                                @include('payroll.report_header',['store_address'=>true,'store_email'=>true,'contact_info'=>true,'text_align'=>"text-center"])

                                <table class="table table-stripped table-bordered text-center" style="width:100%">
                                    <thead>
                                        <tr>
                                            <input type="hidden" name="em_code" id="em_code" value="">
                                        </tr>
                                        <tr>
                                            <td colspan="4" class="text-left"><b>Department Wise In/Out Report</b></td>
                                            <td colspan="4"><b>{{carbon()->parse($date_from)->format('d-m-Y')}} upto {{carbon()->parse($date_to)->format('d-m-Y')}}</b></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="text-left"><b>Employee Name :</b></td>
                                            <td colspan="2" ><b>{{$data['employee_info']->emp_name}}</b></td>
                                            <td colspan="2" class="text-left"><b>Employee Code : </b></td>
                                            <td colspan="2"><b>{{$data['employee_info']->emp_code}}</b></td>
                                        </tr>

                                        <tr>
                                            <td colspan="1"class="text-left"><b>Department :</b></td>
                                            <td colspan="3" ><b>{{ $data['employee_info']->fetch_department ? $data['employee_info']->fetch_department->name : null}}</b></td>
                                            <td colspan="1" class="text-left"><b>Designation : </b></td>
                                            <td colspan="3"><b>{{$data['employee_info']->fetch_designation ? $data['employee_info']->fetch_designation->name : null}}</b></td>
                                        </tr>
    
                                        <tr>
                                            <th style="width:12% ;white-space: nowrap">Official In-Time</th>
                                            <th style="width:12%; white-space: nowrap">Actual In-Time</th>
                                            <th style="width:8%">Status</th>
                                            <th style="width:12%; white-space: nowrap">Official Out-Time</th>
                                            <th style="width:12% ;white-space: nowrap">Actual Out-Time</th>
                                            <th style="width:6%">Status</th>
                                            <th style="width:6%">Hour</th>
                                            <th style="width:15%;white-space: nowrap">Rep/Exc Of</th>
                                           
                                        </tr>
                                        </thead>
                                        <tbody id="tbody_data">
                                            @foreach ($data['attendances'] as $attendance )
                                            {{-- @dd( $attendance ) --}}
                                            <tr>
                                                <td style="white-space: nowrap">  {{$attendance['shift_in_time']}}</td>
                                                <td style="white-space: nowrap">{{$attendance['in_time'] ? date('d-m-Y h:i A', $attendance['str_in_time']) : "--" }}</td>
                                                <td style="white-space: nowrap"></td>
                                                <td style="white-space: nowrap">{{$attendance['shift_out_time']}}</td>
                                                <td style="white-space: nowrap">
                                                    {{$attendance['out_time'] ? date('d-m-Y h:i A', $attendance['str_out_time']) : "--" }}
                                                </td>
                                                <td><span class="{{attendance_status_color($attendance['status'])}}">{{ucfirst($attendance['status'])}}</span></td>
                                            
                                                <td style="white-space: nowrap">{{$attendance['working_time']}} </td>
                                                <td style="white-space: nowrap">{{$attendance['exchange_or_replace_by']}}</td>
                                                
                                            </tr>
                                            @endforeach

                                            <tr>
                                                <td colspan="1" style="white-space: nowrap"><b>Total Duties - {{$data['attendances']->where('status','Present')->count()}}</b></td>
                                               
                                                <td colspan="1" style="white-space: nowrap"><b>Total Leaves - {{$data['attendances']->where('status','Leave')->count()}} </b></td>
                                                <td></td>
                                                <td><b> OT </b></td>
                                                <td style="white-space: nowrap"><b> Ex/Rep </b></td>
                                                <td style="white-space: nowrap"><b>Lates - {{$data['attendances']->whereNotNull('late')->count()}}</b></td>
                                                <td colspan="2" style="white-space: nowrap"><b> Early Leaves - {{$data['attendances']->whereNotNull('early_leave')->count()}}</b></td>
                                            </tr>
                                           
                                        </tbody>   
                                </table>
                                
                            </div>                         
                           
                        </div>
                     </div>
                    </div>
                </div>
                <div style="page-break-after: always;"></div>
                @endif
            @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"> No Data Found</h4>
                </div>
           </div>
        </div>
    </div>
    @endif
     @endif
    @endsection

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