@extends('admin.layout.master')
@section('content')
<style>
   
    /* .table-responsive {
        height: calc(100vh - 200px);
    } */

   
</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-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>Individual Time Card(Roster Wise)</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.attendance')}}" 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 class="">Name/Code</label>
                                    <select class="form-control name_code_live_search" name="employee_id" id="employee_id">
                                        {{-- <option selected disabled value="">Select employee</option>
                                        @foreach ($employes as $e)
                                            <option value="{{$e->id}}">{{$e->emp_name}}-{{$e->emp_code}}</option>
                                        @endforeach --}}
                                    </select>
                                 </div>
                            </div>
                            
                            <div class='col-lg-3 col-md-3 col-sm-6 '>
                                <div class="form-group">
                                    <label>Department</label>
                                    <select name="department_id" id="department_id" 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('department_id') == $depart_val) {{'selected'}} @endif>{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            
                            <div class='col-lg-2 col-md-2 col-sm-6 '>
                                <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-lg-2 col-md-2 col-sm-6 '>
                                <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-lg-1 col-md-1  col-sm-4  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">
       @foreach ($attendances as $data)
            <div class="row" >
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body" style="padding: 0 ">
     
                                <div class=" row m-1">
                                    <table class="table table-stripped table-bordered" style="width:100%">
                                        <tr>
                                            <th colspan="10" class="text-center">
                                                <h4>
                                                    <span id="heading_name" style="display: none">Attendance Report</span>

                                                   <span id="">{{$data['employee_info']->emp_name}}-{{$data['employee_info']->emp_code}}</span>
                                                </h4>
                                                <h4>Attendance For The Date  Of ({{carbon()->parse($date_from)->format('d-m-Y')}} - {{carbon()->parse($date_to)->format('d-m-Y')}})</h4>
                                            </th>
                                        </tr>
                                        {{-- <tr>
                                            <th>Employee Name: {{$data['employee_info']->emp_name}}</th>
                                            <th>Code: {{$data['employee_info']->emp_code}}</td>
                                            <th>Department: {{$data['employee_info']->fetch_department ? $data['employee_info']->fetch_department->name : null}}</th>
                                        </tr> --}}

                                    </table>
                                 </div>
                        
                            <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                                <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>
                                            <th style="width:12%">Date</th>
                                            <th style="width:10%">Day Name</th>
                                            <th style="width:18%">Shift</th>
                                            <th style="width:8%">Type</th>
                                            <th style="width:10%">In Time</th>
                                            <th style="width:10%">Out Time</th>
                                            <th style="width:7%">Status</th>
                                            <th style="width:7%">Late</th>
                                            <th style="width:8%">Early</th>
                                            <th style="width:5%">WH</th>
                                            <th style="width:5%">OT</th>
                                            {{-- <th>
                                                <button id="edit_button" onclick="getEditableAttendanceList(this)"
                                                        class="btn btn-success btn-sm">Edit
                                                </button>
                                                <button id="edit_button" onclick="removeAttendance(this)"
                                                        class="btn btn-danger btn-sm">Remove
                                                </button>
                                                <input id="checkall" type="checkbox" onclick="toggle(this);"
                                                       style="width: 20px; height: 20px; background-color:green;"><br/>
                                            </th> --}}
                                        </tr>
                                        </thead>
                                        <tbody id="tbody_data">
                                            @foreach ($data['attendances'] as $attendance )
                                            {{-- @dd( $attendance ) --}}
                                            <tr>
                                                <td>{{$attendance['date']}}</td>
                                                <td class="text-left">{{$attendance['day_name']}}</td>
                                                <td>
                                                    {{-- <p style="margin: 0 !important">{{$attendance['shift_name']}}</p> --}}
                                                    {{$attendance['shift_time']}}
                                                </td>
                                                <td> {{$attendance['roster_type']}}</td>
                                                <td>
                                                    {{$attendance['in_time'] ? $attendance['in_time'] : "--" }} <br>
                                                    {{ count($attendance['ot_shift_attendances']) > 1 ? $attendance['ot_shift_attendances']['in_time'] : null }}
                                                </td>
                                                <td>
                                                    {{$attendance['out_time'] ? $attendance['out_time'] : "--" }} <br>
                                                    {{ count($attendance['ot_shift_attendances']) > 1 ? $attendance['ot_shift_attendances']['out_time'] : null }}
                                                </td>
                                                <td><span class="{{attendance_status_color($attendance['status'])}}">{{ucfirst($attendance['status'])}}</span></td>
                                                <td><span class="{{late_approval_status_color($attendance['late_approval_status'])}}">{{$attendance['late']}}</span> </td>
                                                <td>{{$attendance['early_leave']}}</td>
                                                <td>
                                                    {{$attendance['working_time']}}
                                                     {{-- {{$attendance['working_hours']}} --}}
                                                     <br>
                                                    {{ count($attendance['ot_shift_attendances']) > 1 ? $attendance['ot_shift_attendances']['working_time'] : null }}
                                                </td>
                                                <td>
                                                    @if($attendance['over_time'])
                                                         {{$attendance['over_time']}}        
                                                    @else
                                                        @if($attendance['ot_day'] == 1)
                                                            <span class="text-warning"> {{"OT Day"}} </span>   
                                                        @endif
                                                    @endif
                                                    
                                                     {{--{{$attendance['over_time_hours']}} --}}
                                                      <br>
                                                </td>
                                                {{-- <td></td> --}}
                                            </tr>
                                            @endforeach
                                            
                                        </tbody>   
                                </table>
                                <table class="table table-bordered table-hover text-center" style="padding: 0;margin:0">
                                <thead class="">
                                    <tr>
                                        <th> Rosters</th>
                                        <th> Weekends</th>
                                        <th> Holidays</th>
                                        <th> Leaves</th>
                                        <th> Presents</th>
                                        <th> Absents</th>
                                        <th> Lates</th>
                                      
                                        <th> Early Leaves</th>
                                        <th> Working Hours</th>
                                        <th> Late Hours</th>
                                        <th> OT Hours</th>
                                        <th> OT Day</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>{{count($data['attendances'])}}</td>
                                            {{-- @dd($data['attendances']) --}}
                                            <td>
                                                {{$data['attendances']->where('status','Weekend')->count() + $data['attendances']->where('status','Weekend Present')->count()}}
                                            </td>
                                            <td>{{$data['attendances']->where('status','holiday')->count()}}</td>
                                            <td>{{$data['attendances']->where('status','Leave')->count()}}</td>

                                            <td>
                                                {{$data['attendances']->where('status','Present')->count() + $data['attendances']->where('status','Half Weekend')->count() }}
                                            </td>
                                            <td>{{$data['attendances']->where('status','Absent')->count()}}</td>
                                            <td>{{$data['attendances']->whereNotNull('late')->count()}}</td>
                                            <td>{{$data['attendances']->whereNotNull('early_leave')->count()}}</td>
                                            <td>{{$data['attendances']->sum('working_hours')}} </td>
                                           
                                            <td>{{$data['attendances']->sum('late_hours')}} </td>
                                            <td>{{$data['attendances']->sum('over_time_hours')}}</td>
                                            <td>{{$data['attendances']->sum('ot_day')}}</td>
                                        </tr>
                                    
                                     </tbody>
                                </table>
                            </div>                         
                           
                        </div>
                     </div>
                    </div>
                </div>
                <div style="page-break-before: always;"></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"> No Data Found</h4>
                </div>
           </div>
        </div>
    </div>
    @endif
     @endif

    @endsection

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