@extends('layouts.admin')

@section('title') Client Service Report @endsection

@section('content')
<style>
  .chzn-results li {
      {
      background: url('../images/loader.gif') no-repeat 3px center;
      text-indent: 2em;
    }
</style>
<div class="table_harder">
  <div class="table_head">
    <h5>List of Service Report</h5>
  </div>
  <div class="tablerightBox">
    <div class="filter-input date-container" style="margin-top:0px;">

      <div class="table_details">
        <div class="inner_filter_input">
          <input type="text" id="config-date" class="form-control config-date" readonly="readonly">
        </div>
      </div>

    </div>
    <div class="table_details" id="export_btn">


    </div>

  </div>


</div>


<div class="row">


  <div class="tablelefttBox">


    <div class="inner_filter_input_ ms-2 my-2">
      <button class="add_staff add_staff_" id="export_all_form">
        Client,Auth,Service Line Data Export
      </button>
    </div>
    <div class="inner_filter_input_">
      <input type="text" name="date" class="d-block my-2 mx-auto form-control" style="color:#aaa;" id="date_range_filter">
    </div>
  </div>
  <div class="col-12">



    <div class="card data-table Tablecommon">

      <div class="mb-3 col-md-3">
        <select class="form-control select2 {{ $errors->has('client_id') ? ' is-invalid' : '' }}" id="client_id" name="client_id">
          <option value="ALL">All</option>
          @foreach($clients as $key => $value)
          <option value="{{$value->id}}" {{old('client_id') == $value->id?"selected":""}}>{{ ucWords($value->full_name)}}</option>
          @endforeach
        </select>

      </div>


      <!-- /.card-header -->
      <div class="card-body">
        <div class="">
          <table id="serviceReportTable" class="table table-hover commonContent">
            <thead class="service_report_head">
              <tr>
                <th>CLOCK IN DATE</th>
                <th>CLOCK IN</th>
                <th>CLOCK OUT DATE</th>
                <th>CLOCK OUT</th>
                <th>SERVICE PROVIDER BY</th>
                <th>SERVICE HOURS</th>
                <th>WEEKLY SERVICE HOURS</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <th class="total_hrs"></th>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
              </tr>
            </tfoot>
          </table>
        </div>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->
  </div>
</div>

@push('page_script')
<script>
  var default_image_src = "{{asset('img/selectclient.png')}}";
</script>
@include('include.dataTableScripts')
<script src="{{ asset('js/pages/service-report/index.js') }}"></script>
<script src="{{ asset('js/calender-filter.js') }}"></script>
@endpush


@endsection