@extends('admin.master')
@section('content')

<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        LAPORAN
      </h1>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
       <div class="col-md-12">

         <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">LAPORAN {{date('Y')}}</h3>
            </div>
            <div class="box-header with-border">
              <div class="input-group">
                <span class="input-group-addon">PILIH TAHUN LAPORAN</span>
                <input type="text" class="form-control input-sm" name="tahun" id="tahun" value="{{$tahun}}" style="width: 150px;">
              </div>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              <div class="box-body">
                <table class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th>PEGAWAI</th>
                      <th style="width: 50px">SISA CUTI 2 TH LALU</th>
                      <th style="width: 50px">SISA CUTI TH LALU</th>
                      <th style="width: 50px">CUTI TH INI</th>
                      <th style="width: 50px">HAK CUTI TH INI</th>
                      <th style="width: 50px">CUTI TAHUNAN</th>
                      <th style="width: 50px">CUTI BESAR</th>
                      <th style="width: 50px">CUTI SAKIT</th>
                      <th style="width: 50px">CUTI MELAHIRKAN</th>
                      <th style="width: 50px">CUTI KARENA ALASAN PENTING</th>
                      <th style="width: 50px">CUTI DILUAR TANGGUNGAN NEGARA</th>
                      <th style="width: 50px">SISA CUTI TH INI</th>
                      <th style="width: 70px">AKSI</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($catatan as $row)
                    <tr>
                      <td>{{$row->pegawai->name}}</td>
                      <td>{{$row->n2_sisa}}|{{$row->n2}}</td>
                      <td>{{$row->n1_sisa}}|{{$row->n1}}</td>
                      <td>{{$row->n_sisa}}|{{$row->n}}</td>
                      <td>{{$row->n2+$row->n1+$row->n}}</td>
                      <td>{{$row->cuti_tahunan}}</td>
                      <td>{{$row->cuti_besar}}</td>
                      <td>{{$row->cuti_sakit}}</td>
                      <td>{{$row->cuti_melahirkan}}</td>
                      <td>{{$row->cuti_karena_alasan_penting}}</td>
                      <td>{{$row->cuti_diluar_tanggungan_negara}}</td>
                      <td>{{($row->n2+$row->n1+$row->n)-$row->cuti_tahunan}}</td>
                      <td>
                        <a href="{{route('admin.pegawai.show',$row->pegawai_id) . '?tanggal_surat='.$tahun}}" class="btn btn-xs btn-warning btn-block">DETAIL</a>
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>

              </div>
              <!-- /.box-body -->

            </div>
        

       </div> 
      </div>
    </section>
@endsection

@push('css')
@endpush

@push('js')
  <!-- fullCalendar -->
  <script src="{{asset('asset/bower_components/moment/moment.js')}}"></script>
  <script src="{{asset('asset/bower_components/fullcalendar/dist/fullcalendar.min.js')}}"></script>
  <script src="{{asset('asset/bower_components/select2/dist/js/select2.min.js')}}"></script>

  <!-- Page specific script -->
  <script>
  $(document).ready(function() {
    $('#tahun').datepicker({
        format: "yyyy",
        startView: 2,
        orientation: "bottom",
        minViewMode: 2,
            todayHiglight: true,
            autoclose: true
      })
       .on('changeYear', function(e) {
          window.location.replace("{{route('admin.laporan.index')}}?tahun="+e.date.getFullYear());
      });
    });
    
  </script>

@endpush