@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 sdatepicker" 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 sdatepicker"  placeholder="To Date" >
            </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('Shift List') }}'" 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="myTable" class="myTable  data-table table table-bordered table-striped">
                    <thead>
                        <tr>
                            <!-- <th style="width:5%">#</th> -->
                            <th>Emp ID</th>
                            <th style="width:15%">Name</th>
                            <th>Designation</th>
                            <th>Location</th>
                            <th style="width:15%">Date</th>
                            <th style="width:15%" >Shift type</th>
                            <th >Shift timing</th>
                            <th style="width:10%" >Action</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:""}}</td>
      <td>{{$datalist->Designation}}</td>
        <td>{{$datalist->DeviceLocation}}</td>
        <td>
        <span class="div_data_{{$datalist->id}}">  {{\Carbon\Carbon::parse($datalist->shift_date)->format('d-m-Y')}}</span>

        <input  style="display:none;width:100%" type="text" id="updatedate_{{$datalist->id}}" value="{{\Carbon\Carbon::parse($datalist->shift_date)->format('d/m/Y')}}"  class="date_pic_{{$datalist->id}} form-control shiftdatepicker" placeholder="Date" >

        </td>

          <td>
            <span class="div_data_{{$datalist->id}}">
            {{$datalist->shift_name}}
          </span>

            <select class="form-control date_pic_{{$datalist->id}}" style="display:none;width:100%"  id="shifttype_{{$datalist->id}}" >
            <option value=""> Select Shift</option>
            @if($shift_type!="" && count($shift_type)>0)
            @foreach($shift_type as $shift_typelist)
              <option value="{{$shift_typelist->id}}" {{($shift_typelist->id==$datalist->shift_type_id)?"selected":""}}> {{$shift_typelist->name."/ (".$shift_typelist->shift_timing.")"}}</option>
            @endforeach
            @endif
            </select>
          </td>
            <td>{{$datalist->shift_timing}}</td>
            <td>
              <button style="display:none" type="button" class="btn btn-sm btn-success date_pic_{{$datalist->id}}" onclick="updateshift('{{$datalist->id}}')"><i class="fa fa-check"></i></button>
              <button style="display:none"  type="button" class="btn btn-sm btn-default date_pic_{{$datalist->id}}" onclick="$('.date_pic_{{$datalist->id}}').hide();$('.div_data_{{$datalist->id}}').show();"><i class="fa fa-times"></i></button>


              <button type="button" class="btn btn-sm btn-primary div_data_{{$datalist->id}}" onclick="$('.date_pic_{{$datalist->id}}').show();$('.div_data_{{$datalist->id}}').hide();"><i class="fa fa-pencil"></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