@if($results)
<style type="text/css">
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
    align-content: center;
    margin-left: -7px;
 }
 /*
 * Card component
 */
.card {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}

.card {
    /* padding: 16px; */
    width: auto;
    margin: 0 auto;
    margin-top: -50px;
    background-color: #FFF;
    padding: 0px;
    border-radius: 4px;
}
.approvebutton{
  margin-top: 20px;
  width:100px
}
.card-content {
    padding: 0px;
}


.card {
    text-decoration: none;
    color: rgb(115, 115, 115);
}
.card-header {}
.card-content {
    padding: 12px;
}
.card-content > .card-title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
}
.card-content > .card-author {
    color: #777;
    font-size: 12px;
    margin-top: -8px;
}

.card-action {
    min-height: 30px;
}
</style>
<ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
    <li role="presentation" class="active"><a href="#tab_content1" id="all-tab" role="tab" data-toggle="tab" aria-expanded="false">All({{ count($results) }})</a>
    </li>
    <li role="presentation" class=""><a href="#tab_content2" role="tab" id="approve-tab" data-toggle="tab" aria-expanded="false">Approved({{ count($results_approve) }})</a>
    </li>
    <li role="presentation" class=""><a href="#tab_content3" role="tab" id="unapprove-tab" data-toggle="tab" aria-expanded="true">Unapproved({{ count($results_unapprove)}})</a>
    </li>
</ul>

<div id="myTabContent" class="tab-content">
  <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="all-tab">
  @if($results)
      <div class="">
          <div class="">
            <p ><input type="checkbox" id="checkAll" >Check all unapproved</p>
          </div>
          <button id="all_employees_data_approve" 
          onclick="all_employees_data_approve()" class="btn btn-success" style="width: 200px" >Approve Selected Users</button>
      </div>
      @foreach($results as $k=>$hour_result)
      <!-- Start of content block --> 
      <div class="editor-indent" >
        <div class="contain" style="margin-top: 5px">
          <div class="well">
            <div class="row" >
              <div class="col-md-12 col-xs-12">
                <div class="row" >
                  <div class="col-xs-9">
                    <div class="checkbox">
                      <p style="margin: -53px 28px 0px;">
                        <input type="checkbox"  name="checkbox_dis" value="{{ $hour_result->user_id }}" class="flat">{{ ucwords($hour_result->name)}}
                      </p>
                      <input type="hidden" name="emp_id" class="emp_id" id="emp_id{{ $hour_result->user_id }}" value="{{ $hour_result->user_id }}">
                    </div>
                  </div>
                </div>
                <div class="col-md-2" style="margin-top:-50px">
                  <div class="form-group">
                    <a id="approve_status">
                      <button id="approve_button" onclick="approve_button_all({{ $hour_result->user_id }})" class="btn btn-success approvebutton"  >Approve
                      </button>
                    </a>
                    <a id="unapprove_status" >
                      <button id="unapprove_button" onclick="unapprove_button_all({{ $hour_result->user_id }})" class="btn btn-danger approvebutton" >Unapprove
                      </button>
                    </a>
                  </div>
                </div> 
                <div class="col-md-10">
                  <div class="card">
                    <div class="card-content">
                      <table class="table table-bordered" style="margin-bottom: 0px;text-align: center;">
                        <thead>
                          <tr>
                            <th>Hours</th>
                            <th class="day1"></th>
                            <th class="day2"></th>
                            <th class="day3"></th>
                            <th class="day4"></th>
                            <th class="day5"></th>
                            <th class="day6"></th>
                            <th class="day7"></th>
                          </tr>
                        </thead>
                        <tbody >
                          <tr>
                            <th scope="row">REG</th>
                            <td>{{ isset($hour_result->monday)?json_decode($hour_result->monday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->tuesday)?json_decode($hour_result->tuesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->wednesday)?json_decode($hour_result->wednesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->thursday)?json_decode($hour_result->thursday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->friday)?json_decode($hour_result->friday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->saturday)?json_decode($hour_result->saturday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result->sunday)?json_decode($hour_result->sunday)->WH :'-'}}</td>
                          </tr>
                          <tr>
                            <th scope="row">OT</th>
                            <td>{{ isset($hour_result->monday)?json_decode($hour_result->monday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->tuesday)?json_decode($hour_result->tuesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->wednesday)?json_decode($hour_result->wednesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->thursday)?json_decode($hour_result->thursday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->friday)?json_decode($hour_result->friday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->saturday)?json_decode($hour_result->saturday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result->sunday)?json_decode($hour_result->sunday)->OT :'-'}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>  
      </div>
      <!-- end of content block -->
      @endforeach
  @endif  
  </div>
  <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="approve-tab">
    @if($results_approve)  
      @foreach($results_approve as $k=>$hour_result_approve)
      <!-- Start of content block approve --> 
      <div class="editor-indent" >
        <div class="contain" style="margin-top: 5px">
          <div class="well">
            <div class="row" >
              <div class="col-md-12 col-xs-12">
                <div class="row" >
                  <div class="col-xs-9">
                    <div class="checkbox">
                      <p style="margin: -53px 28px 0px;">
                        <input type="checkbox"  class="flat">{{ ucwords($hour_result_approve->name)}}
                      </p>
                      <input type="hidden" name="emp_id" id="emp_id{{ $hour_result_approve->user_id }}" value="{{ $hour_result_approve->user_id }}">
                    </div>
                  </div>
                </div>
                <div class="col-md-2" style="margin-top:0px">
                  <div class="form-group">
                    <a id="unapprove_status" >
                      <button id="unapprove_button" onclick="unapprove_button_approve({{ $hour_result_approve->user_id }})" class="btn btn-danger approvebutton" >Unapprove
                      </button>
                    </a>
                  </div>
                </div> 
                <div class="col-md-10">
                  <div class="card">
                    <div class="card-content">
                      <table class="table table-bordered" style="margin-bottom: 0px;text-align: center;">
                        <thead>
                          <tr>
                            <th>Hours</th>
                            <th class="day1"></th>
                            <th class="day2"></th>
                            <th class="day3"></th>
                            <th class="day4"></th>
                            <th class="day5"></th>
                            <th class="day6"></th>
                            <th class="day7"></th>
                          </tr>
                        </thead>
                        <tbody >
                          <tr>
                            <th scope="row">REG</th>
                            <td>{{ isset($hour_result_approve->monday)?json_decode($hour_result_approve->monday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->tuesday)?json_decode($hour_result_approve->tuesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->wednesday)?json_decode($hour_result_approve->wednesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->thursday)?json_decode($hour_result_approve->thursday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->friday)?json_decode($hour_result_approve->friday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->saturday)?json_decode($hour_result_approve->saturday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_approve->sunday)?json_decode($hour_result_approve->sunday)->WH :'-'}}</td>
                          </tr>
                          <tr>
                            <th scope="row">OT</th>
                            <td>{{ isset($hour_result_approve->monday)?json_decode($hour_result_approve->monday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->tuesday)?json_decode($hour_result_approve->tuesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->wednesday)?json_decode($hour_result_approve->wednesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->thursday)?json_decode($hour_result_approve->thursday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->friday)?json_decode($hour_result_approve->friday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->saturday)?json_decode($hour_result_approve->saturday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_approve->sunday)?json_decode($hour_result_approve->sunday)->OT :'-'}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>  
      </div>
      <!-- end of content block -->
      @endforeach
    @endif
  </div>
  <div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="unapprove-tab">
    @if($results_unapprove)  
      @foreach($results_unapprove as $k=>$hour_result_unapprove)
      <!-- Start of content block unapprove --> 
      <div class="editor-indent" >
        <div class="contain" style="margin-top: 5px">
          <div class="well">
            <div class="row" >
              <div class="col-md-12 col-xs-12">
                <div class="row" >
                  <div class="col-xs-9">
                    <div class="checkbox">
                      <p style="margin: -53px 28px 0px;"><input type="checkbox" class="flat">{{ ucwords($hour_result_unapprove->name)}}</p>
                      <input type="hidden" name="emp_id" id="emp_id{{ $hour_result_unapprove->user_id }}" value="{{ $hour_result_unapprove->user_id }}">
                    </div>
                  </div>
                </div>
                <div class="col-md-2" style="margin-top:0px">
                  <div class="form-group">
                    <a id="approve_status">
                      <button id="approve_button{{ $k }}"  onclick="approve_button_unapprove({{ $hour_result_unapprove->user_id }})" class="btn btn-success approvebutton" >Approve
                      </button>
                    </a>
                  </div>
                </div> 
                <div class="col-md-10">
                  <div class="card">
                    <div class="card-content">
                      <table class="table table-bordered" style="margin-bottom: 0px;text-align: center;">
                        <thead>
                          <tr>
                            <th>Hours</th>
                            <th class="day1"></th>
                            <th class="day2"></th>
                            <th class="day3"></th>
                            <th class="day4"></th>
                            <th class="day5"></th>
                            <th class="day6"></th>
                            <th class="day7"></th>
                          </tr>
                        </thead>
                        <tbody >
                          <tr>
                            <th scope="row">REG</th>
                            <td>{{ isset($hour_result_unapprove->monday)?json_decode($hour_result_unapprove->monday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->tuesday)?json_decode($hour_result_unapprove->tuesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->wednesday)?json_decode($hour_result_unapprove->wednesday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->thursday)?json_decode($hour_result_unapprove->thursday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->friday)?json_decode($hour_result_unapprove->friday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->saturday)?json_decode($hour_result_unapprove->saturday)->WH :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->sunday)?json_decode($hour_result_unapprove->sunday)->WH :'-'}}</td>
                          </tr>
                          <tr>
                            <th scope="row">OT</th>
                            <td>{{ isset($hour_result_unapprove->monday)?json_decode($hour_result_unapprove->monday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->tuesday)?json_decode($hour_result_unapprove->tuesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->wednesday)?json_decode($hour_result_unapprove->wednesday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->thursday)?json_decode($hour_result_unapprove->thursday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->friday)?json_decode($hour_result_unapprove->friday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->saturday)?json_decode($hour_result_unapprove->saturday)->OT :'-'}}</td>
                            <td>{{ isset($hour_result_unapprove->sunday)?json_decode($hour_result_unapprove->sunday)->OT :'-'}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>  
      </div>
      <!-- end of content block -->
      @endforeach
    @endif
  </div>
</div> 
@else
<h1> No Results Found </h1>
@endif
<script type="text/javascript">
$(document).ready(function(){
  var checkAll = document.getElementById("checkAll"); 
  var checkboxes = document.getElementsByClassName("flat"); 
  /*
  //select all checkboxes
  checkAll.addEventListener("change", function(e){
    for (i = 0; i < checkboxes.length; i++) {
        checkboxes[i].checked = checkAll.checked;
    }
  });*/

  $('#checkAll').on('click', function() {
   $('.flat:enabled').prop('checked', this.checked);
  });
});
</script>