@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-3">
            @if(count($devices)>0)
            <select name="devloc" class="form-control" placeholder="Location" id="devloc" >
                  @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('My Team Attendance') }}'" 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="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 style="width:5%">#</th> -->
                            <th style="width:15%">Emp ID</th>
                            <th>Name</th>
                            <th>Designation</th>
                            <th>Location</th>
                            <th style="width:15%">Date</th>
                            <th style="width:15%">Shift</th>
                            <th style="width:15%">In Time</th>
                            <th style="width:15%">Out Time</th>
                            <th style="width:5%">Duration</th>
                        </tr>
                    </thead>

  @if($dataall!="" && count($dataall)>0)
<tbody>
  @php
  $i=1;
  @endphp
  @foreach($dataall as $datalist)
  <tr>
      <!-- <td>{{$i++}}</td> -->
      <td>{{$datalist->username}}</td>
       <td>{{($datalist->name && $datalist->name!="")?$datalist->name:$datalist->RD_EMPCODE}}</td>
      <td>{{$datalist->Designation}}</td>
        <td>{{$datalist->DeviceLocation}}</td>
        <td>@if($datalist->AT_SWIPEDATETIME){{$datalist->AT_SWIPEDATETIME->format('d-m-Y') }}@else --- @endif</td>
        <td>{{$datalist->shift_name}}</td>
        <td>@if($datalist->in_time){{\Carbon\Carbon::parse($datalist->in_time)->format('g:i A')}}@else --- @endif</td>
        <td>@if($datalist->out_time && \Carbon\Carbon::parse($datalist->in_time)!=\Carbon\Carbon::parse($datalist->out_time)){{\Carbon\Carbon::parse($datalist->out_time)->format('g:i A')}}@else --- @endif</td>

      <td>
        @if($datalist->out_time && \Carbon\Carbon::parse($datalist->in_time)!=\Carbon\Carbon::parse($datalist->out_time))
        @php
            $in_time=\Carbon\Carbon::parse($datalist->in_time);
            $out_time=\Carbon\Carbon::parse($datalist->out_time);
            $totalDuration = $out_time->diffInSeconds($in_time);
            $hoursminutes=gmdate('H:i', $totalDuration);
        @endphp
        {{$hoursminutes}}
        @else
        ---
        @endif
      </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