@extends('layouts.layout')
 @section('content')
<div class="container-fluid" style="min-height:620px">
<div class="fixedElement">
<form class="search_filter" method="get" >
    <div class="row">

      <div class="col-md-3">
      <input  style="width:100%" type="text"  value="{{$search}}" autocomplete="off" id="search" name="search" class="form-control" placeholder="Search Emp ID/Name" >
      </div>
            <div class="col-md-2">
            <input  style="width:100%" type="text"  value="{{$from_dt_c}}" autocomplete="off" id="fromdt" name="fromdt" class="form-control datepicker" placeholder="From Date" >
            </div>
            <div class="col-md-2">
            <input style="width:100%" type="text" value="{{$to_dt_c}}" autocomplete="off" id="todt"  name="todt"  class="form-control datepicker"  placeholder="To Date" >
            </div>

            <div class="col-md-2">
            @if(count($devices)>0)
            <select name="devloc" class="form-control" placeholder="Location" id="devloc" >
                <option value="" >All Location</option>
                @foreach($devices as $device)
                    <option  value="{{ $device->DeviceId }}" {{($device_loc==$device->DeviceId)?"selected":""}}>{{ $device->DeviceLocation }}</option>
                @endforeach
            </select>
        @endif  </div>
        <div class="col-md-2">
          <button type="submit" data-toggle="tooltip" title="Go" class="theme_color" ><i class="fa fa-search" aria-hidden="true"></i></button>

  @if($dataall!="" && count($dataall)>0)
          <button type="button" onclick="location.href='{{ route('Attendance Summary') }}'" data-toggle="tooltip" title="clear" class="theme_color" ><i class="fa fa-times" aria-hidden="true"></i></button>
@endif
          </div>
    </div>
    </form>
    </div>

    <div class="row">
                    <div class="col-md-4">
                        <div class="card bg-primary p-20">
                            <div class="media widget-ten">
                                <div class="media-left meida media-middle">
                                    <span><i class="ti-bag f-s-40"></i></span>
                                </div>
                                <div class="media-body media-text-right">
                                    <h2 class="color-white">{{$total_days}}</h2>
                                    <p class="m-b-0">Total Working days</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                    <div class="card bg-pink p-20">
                    <div class="media widget-ten">
                        <div class="media-left meida media-middle">
                            <span><i class="ti-face-smile f-s-40"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2 class="color-white">{{$holidays}}</h2>
                            <p class="m-b-0">Holidays</p>
                        </div>
                    </div>
                </div>
                    </div>
                    <div class="col-md-4">
                    <div class="card bg-info p-20">
                    <div class="media widget-ten">
                        <div class="media-left meida media-middle">
                            <span><i class="ti-calendar f-s-40"></i></span>
                        </div>
                        <div class="media-body media-text-right">
                            <h2 class="color-white">{{$weekofdays}}</h2>
                            <p class="m-b-0">Weekoff</p>
                        </div>
                    </div>
                </div>
                    </div>
    </div>


    <div class="card">
        <div class="card-body">
            <!-- Start Page Content -->

            <div >
            <div class="table-responsive" >
                <table  id="example23" class="myTable  data-table table table-bordered table-striped">
                    <thead>
                        <tr>
                              <!-- <th>#</th> -->
                              <th style="width:15%">Emp ID</th>
                              <th style="width:15%">Name</th>
                              <th style="width:15%">Location</th>
                              <th style="width:10%">Hours</th>
                              <th style="width:5%">Present</th>
                              <th style="width:5%">Absent</th>
                              <th style="width:5%">Leave</th>
                               <th style="width:10%">OT (Days)</th>
                              <th style="width:10%">OT (Hours)</th>
                              <th style="width:5%">Details</th>
                          </tr>
                    </thead>
  @if($dataall!="" && count($dataall)>0)
                    <tbody>
                       @php
                      $i=1;
                      $grand_total_hours=$total_days*$work_duration;
                      $grand_total_seconds=$grand_total_hours*3600;
                      @endphp

                      @foreach($dataall as $datalist)
                      @php
                      if($grand_total_seconds < $datalist->total_seconds)
                      {
                          $OT_total_secs=$datalist->total_seconds-($grand_total_seconds);
                          $OT_hours = floor($OT_total_secs / 3600);$OT_minutes = floor(($OT_total_secs / 60) % 60);
                          $OT_seconds = $OT_total_secs % 60;
                      }
                      @endphp
                        <tr>
                              <!-- <td>{{$i++}}</td> -->
                              <td>{{$datalist->username or '---'}}</td>
                             <td>{{($datalist->name && $datalist->name!="")?$datalist->name:$datalist->RD_EMPCODE}}</td>
                              <td>{{$datalist->DeviceLocation or '---' }}</td>
                              <td>@if($datalist->hours){{$datalist->total_hours}}@else --- @endif</td>
                              <td>@if($datalist->present){{$datalist->present}}@else --- @endif</td>
                              <td>
                              @if(($datalist->leaves-$datalist->leavecount)>0)
                              {{($datalist->leaves-$datalist->leavecount)}}
                              @else
                              ---
                              @endif
                              </td>
                              <td>
                                @if(($datalist->leavecount)<0)
                                {{$datalist->leavecount}}
                                @else
                                ---
                                @endif
                              </td>
                              <td>
                              @if(($datalist->leaves)<0)
                              {{($datalist->leaves)*(-1)}}
                              @else
                              ---
                              @endif
                              </td>
                              <td>@if($grand_total_seconds < $datalist->total_seconds){{$OT_hours.':'.$OT_minutes.':'.$OT_seconds}}@else --- @endif</td>

                            <td><button data-toggle="tooltip" title="View individual report" type="button" style="width:100%;height:100%"; onclick="location.href='{{ route('Attendance',['empid'=>$datalist->username,'fromdt' =>$from_dt_c, 'todt' =>$to_dt_c, 'devloc' => $device_loc]) }}'" ><i class="fa fa-eye"></i></button></td>

                          </tr>
                          @endforeach
                    </tbody>
                    @endif
        </table>
            </div>
            <!-- End PAge Content -->
        </div>
    </div>

</div>

<div class="modal fade" id="loadermodal" role="dialog" data-backdrop="static">
<div class="modal-dialog">
    <div class="modal-content">
        <!-- Modal Header -->
        <center><img src="{{asset('images/kalimark_loader.gif')}}" width="220px"></center>
    </div>
</div>
</div>
</div>

@endsection