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

<style>
     select {
            height: 30px !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">
                @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
                <div class="card-header" style="padding: 0 10px">
                    <div class='row'>
                        <div class='col-md-10 text-left' pt-2>
                            <h3>{{__('obs.employee')}} {{__('obs.group')}} {{__('obs.wise')}} {{__('obs.attendance')}} {{__('obs.report')}}</h3>
                        </div>
                        @if(count($employees_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();">{{__('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.hrm.attendance.employee_wise_attendance')}}" method="get">
                     <input type="hidden" name="search" value="true">

                        <div class='row'>
                            {{-- <div class='col-3'>
                                <div class="form-group">

                                    <label class="">Select Employee Code</label>
                                    <select class="form-control input-sm code_live_search" name="emp_code" id="emp_code">
                                    </select>
                                 </div>
                            </div> --}}
                            {{-- <div class='col-lg-3 col-md-3  col-sm-6 '>
                                <div class="form-group">

                                    <label class="">Select employee</label>
                                    <select id="emp_select" class="name_live_search form-control" name="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-3'>
                                <div class="form-group">
                                    <label class="labels">{{__('obs.department')}}</label>
                                    <select name="emp_department" id="emp_department" class="form-control input-sm" 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 class="labels">{{__('obs.employee')}} {{__('obs.type')}}</label>
                                    <select name="emp_types" id="emp_types" class="form-control input-sm" required>
                                        {{-- <option value="">--Select--</option>--}}
                                        @if(!empty($employee_types))
                                            @foreach($employee_types as $emp_type_val)
                                                <option value="{{$emp_type_val->id}}">{{$emp_type_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            
                            <div class='col-3'>
                                <div class="form-group">
                                    <label>{{__('obs.date')}} {{__('obs.from')}} </label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="date_from" id="date_from" value="{{ request()->get('date_from') }}">
                                </div>
                            </div>
                            <div class='col-3'>
                                <div class="form-group">
                                    <label>{{__('obs.date')}} {{__('obs.to')}}</label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="date_to" id="date_to" value="{{ request()->get('date_to') }}">   
                                </div>
                            </div>
                          
                            <div class='col-1 mt-4'>
                                <button class='btn btn-sm btn-danger'>{{__('obs.search')}}</button>
                            </div>
                           
                        </div>
                    </form>
                    </div>
                </div>
            </div>
        </div>
        
      @if(count($employees_attendances) >0)
     <div id="divTableDataHolder" class="table2excel">
        {{-- <span id="heading_name"><h4 class="text-center">Attendance For the Date Of {{carbon()->parse(request()->date_from)->format('d-m-Y')}} To {{carbon()->parse(request()->date_to)->format('d-m-Y')}}</h4></span> --}}
        <table class="table table-bordered table-hover" id="" style="overflow-x:auto; width:100%">
            <thead>
            <tr>
                <td colspan="{{count($employees_attendances)*2+1}}" style="border-bottom: none">
                    <span id="heading_name" ><h4 class="text-center">{{__('obs.attendance')}} {{__('obs.for')}} {{__('obs.the')}} {{__('obs.date')}} {{__('obs.of')}} {{carbon()->parse(request()->date_from)->format('d-m-Y')}} To {{carbon()->parse(request()->date_to)->format('d-m-Y')}}</h4></span>
                </td>

            </tr>
            <tr>
                <td colspan="{{count($employees_attendances)*2+1}}" style="border: none">
                    <span id="" ><h4 class="text-center">{{__('obs.dhaka')}} {{__('obs.office')}}</h4></span>
                </td>

            </tr>
            <tr>
                <th style="width:6%">{{__('obs.date')}}</th>
                @if(count($employees_attendances)>0)
                    @foreach($employees_attendances as $employee)
                        <th class="text-center" colspan="2">{{$employee['employee_info']->emp_name}}</th>
                    @endforeach
                @endif
            </tr>
            <tr>
                <td></td>
                @if(count($employees_attendances)>0)
                    @foreach($employees_attendances as $employee)
                    <th class="text-center">{{__('obs.in')}}</th>
                    <th class="text-center">{{__('obs.out')}}</th>                       
                    @endforeach
                @endif
           
            </tr>
          
            </thead>
            <tbody>
                @foreach($dates as $date)
                <tr>
                    <td class="text-center">{{$date->format('d-m-Y')}}</td>

                    @foreach($employees_attendances as $employee)
                    @php
                        $attn = collect($employee['attendances'])->where('date',$date->format('d-m-Y'))->first();
                    //   dd(  $attn );
                        $in_time = $attn['in_time'] ? carbon()->parse($attn['in_time'])->format('h:i A') : null;
                        $out_time = $attn['out_time'] ? carbon()->parse($attn['out_time'])->format('h:i A') : null;
                    @endphp
                   
                        <td class="text-center">
                            {{ $in_time}}
                        </td>
                        <td class="text-center">{{ $out_time}}</td>                           
                    @endforeach
                   
                </tr>         
                @endforeach
               
            </tbody>
        </table>
     </div>
     @endif
    @endsection

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