@extends('layouts.app')
@section('pageTitle', 'Absensi - List')
@section('content')
<!-- Page header -->
<div class="page-header">
  <div class="page-header-content">
    <div class="page-title padd-all-10">
      <h4><span class="text-semibold">Absensi - List</span></h4>
    </div>
    <div class="heading-elements">
      <div class="heading-btn-group">
      <a href="{{url('admin/attendance/'.$unit_id.'?aksi=create')}}" data-toggle="modal" data-target="#modal-default" class="btn bg-blue btn-labeled heading-btn"><b><i class="icon-add"></i></b> Tambah Absensi</a>
      </div>
    </div>
  </div>
</div>
<!-- /page header -->
@include('notify')
<div class="content">
  <!-- Simple lists -->
      <!-- Main charts -->
      <div class="row">
        <div class="col-lg-12">
          <div class="panel panel-body">
            <form class="form-horizontal">
              <div class="col-lg-12">
                <div class="row">
                  <label class="control-label col-lg-1">Bulan</label>
                  <div class="col-md-4">
                    <select name="attendance_date" id="bulan" class="form-control select2" required>
                        <option value="">- Pilih Bulan</option>
                      @foreach($bulan as $row)
                        <option value="{{ $row->value }}" {{ $row->value == $attendance_date ? 'selected':'' }}>{{ $row->bulan }}</option>
                      @endforeach
                    </select>
                    <span class="help-block"></span>
                  </div>
                  <div class="col-md-4">
                    <select name="staf" id="staf" class="form-control">
                      <option value="">Tampilkan Per Tanggal</option>
                      <option value="1" {{ (!empty($staf) && $staf == 1)?'selected':'' }}>Tampilkan Per Staf</option>
                    </select>
                    <span class="help-block"></span>
                  </div>
                  <div class="col-md-2 text-left">
                    <button type="button" onclick="cari()" id="btn-cari" class="btn btn-default">Cari</button>
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
          <div class="col-lg-12">
              <!-- Traffic sources -->
              <div class="panel panel-body">
                    <div class="table-responsive col-md-12 no-padding">
                      @if(empty($input['staf']))
                      <table class="table table-xxs text-size-small text-size-small table-togglable table-hover" style="margin-top:10px;">
                        <thead  style="border-top:1px solid #ddd;">
                          <tr>
                            <th data-hide="phone">#</th>
                            <th data-toggle="true">Tanggal</th>
                            <th data-hide="phone">Catatan</th>
                            <th data-hide="phone">Unit Usaha</th>
                            <th data-hide="phone">Total</th>
                            <th data-hide="phone">Hadir</th>
                            <th data-hide="phone">Hadir Terlambat</th>
                            <th data-hide="phone">Izin</th>
                            <th data-hide="phone">Sakit Ada Ket.</th>
                            <!-- <th data-hide="phone">Sakit Tanpa Ket.</th> -->
                            <th data-hide="phone">Off</th>
                            <th data-hide="phone">Tidak Hadir</th>
                            <th data-toggle="true">&nbsp;</th>
                          </tr>
                        </thead>
                        <tbody  style="border-bottom:1px solid #ddd;">
                          @if(!empty($absensi->data))
                                                        @foreach($absensi->data as $post)
                            <tr class="row-{{$post->id}}">
                              <td>{{ ++$i }}</td>
                              <td><a href="{{url('admin/attendance/'.$unit_id.'?attendance_date='.$attendance_date.'&aksi=view&id='.$post->id.'')}}">{{date('d M \'y', strtotime($post->attendance_date))}}</a></td>
                              <td>{{$post->note}}</td>
                              <td>{{$post->unit}}</td>
                              <td class="text-center">{{$post->total}}</td>
                              @foreach($post->jumlah_absensi as $key => $value)
                                <td class="text-center">
                                  @if($value->jumlah != 0)
                                  <label class="label" style="background-color: {{$value->attr_val}}; margin-bottom: 0px;">
                                    {{$value->jumlah}}
                                  </label>
                                  @endif
                                </td>
                              @endforeach
                              <td class="text-center">
                                <ul class="icons-list">
                                  <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                      <i class="icon-menu9"></i>
                                    </a>

                                    <ul class="dropdown-menu dropdown-menu-right">
                                      <li><a  onclick="hapus($(this).data('id'), $(this).data('url'),$(this).data('token'))" data-token="{{csrf_token()}}" data-id="{{$post->id}}" data-url="{{url('admin/attendance/hapus/')}}"><i class="icon-cross2"></i>Hapus</a></li>
                                    </ul>
                                  </li>
                                </ul>
                            </td>
                            </tr>
                            @endforeach
                          @else
                          <tr>
                            <td colspan="13" class="text-center">Belum ada data</td>
                          </tr>
                          @endif
                        </tbody>
                        <tfoot>
                          <tr>
                            <td colspan="10" class="text-center">{!! (!empty($metadata->pagination)?$metadata->pagination:'') !!}</td>
                          </tr>
                        </tfoot>
                      </table>
                      @else
                      <table class="table table-xxs text-size-small text-size-small table-togglable table-hover" style="margin-top:10px;">
                        <thead  style="border-top:1px solid #ddd;">
                          <tr>
                            <th data-hide="phone">#</th>
                            <th data-toggle="true">Staf</th>
                            <th data-hide="phone">Unit Usaha</th>
                            <th data-hide="phone">Total</th>
                            <th data-hide="phone">Hadir</th>
                            <th data-hide="phone">Hadir Terlambat</th>
                            <th data-hide="phone">Izin</th>
                            <th data-hide="phone">Sakit Ada Ket.</th>
                            <!-- <th data-hide="phone">Sakit Tanpa Ket.</th> -->
                            <th data-hide="phone">Off</th>
                            <th data-hide="phone">Tidak Hadir</th>
                          </tr>
                        </thead>
                                                <tbody  style="border-bottom:1px solid #ddd;">
                          @if(!empty($absensi))
                                                        @foreach($absensi as $post)
                            <tr class="row-{{$post->id}}">
                              <td>{{ ++$i }}</td>
                              <td><a href="{{url('admin/attendance/'.$unit_id.'?attendance_date='.$attendance_date.'&aksi=view_by_staf&user_id='.$post->id.'')}}" data-toggle="modal" data-target="#modal-default">{{$post->name}}</a></td>
                              <td>{{$post->unit}}</td>
                              <td class="text-center">{{$post->total}}</td>
                              @foreach($post->jumlah_absensi as $key => $value)
                                <td class="text-center">
                                  @if($value->jumlah != 0)
                                  <label class="label" style="background-color: {{$value->attr_val}}; margin-bottom: 0px;">
                                    {{$value->jumlah}}
                                  </label>
                                  @endif
                                </td>
                              @endforeach
                            </tr>
                            @endforeach
                          @else
                          <tr>
                            <td colspan="11" class="text-center">Belum ada data</td>
                          </tr>
                          @endif
                        </tbody>
                      </table>
                      @endif
                    </div>
              </div>
              <!-- /traffic sources -->
              <a href="#" id="back-to-top" title="Back to top"><i class="icon-arrow-up8"></i></a>
          </div>
      </div>
      <!-- /main charts -->
</div>
  <!-- Remote source -->
  <div id="modal-default" class="modal">
    <div class="modal-dialog modal-default">
      <div class="modal-content">
        <div class="modal-body"></div>
      </div>
    </div>
  </div>
  <!-- /remote source -->
@endsection
@section('custom_js')
<script type="text/javascript" src="{{ URL::asset('js/plugins/notifications/pnotify.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/plugins/notifications/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/plugins/notifications/sweet_alert.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/pages/components_modals.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#select2").select2();
});
function cari(){
  var unit = $("#unit_id").val();
  var staf = $("#staf").val();
  var bulan = $("#bulan").val();
  console.log(staf);
  if(bulan == ""){
        location.href = "