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

<!-- Modal -->
<div class="modal fade" id="modalEdit" tabindex="-1" role="dialog" aria-labelledby="modalEditLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="modalEditLabel">Edit Catatan Cuti</h4>
      </div>

      <form action="" autocomplete="off" method="post" id="formedit">
      {{ csrf_field() }}
      <input type="hidden" name="_method" value="PUT">
      <div class="modal-body">
         <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="tahun">Tahun Catatan Cuti</label>
              <input type="text" class="form-control input-sm" id="tahun" readonly="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n2">N-2</label>
              <input type="number" class="form-control" name="n2" id="n2" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n1">N-1</label>
              <input type="number" class="form-control" name="n1" id="n1" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n">N</label>
              <input type="number" class="form-control" name="n" id="n" required="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n2_sisa">N-2 SISA</label>
              <input type="number" class="form-control" name="n2_sisa" id="n2_sisa" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n1_sisa">N-1 SISA</label>
              <input type="number" class="form-control" name="n1_sisa" id="n1_sisa" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="n_sisa">N SISA</label>
              <input type="number" class="form-control" name="n_sisa" id="n_sisa" required="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_tahunan">CUTI TAHUNAN</label>
              <input type="number" class="form-control" name="cuti_tahunan" id="cuti_tahunan" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_besar">CUTI BESAR</label>
              <input type="number" class="form-control" name="cuti_besar" id="cuti_besar" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_sakit">CUTI SAKIT</label>
              <input type="number" class="form-control" name="cuti_sakit" id="cuti_sakit" required="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_melahirkan">CUTI MELAHIRKAN</label>
              <input type="number" class="form-control" name="cuti_melahirkan" id="cuti_melahirkan" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_karena_alasan_penting">CUTI KARENA ALASAN PENTING</label>
              <input type="number" class="form-control" name="cuti_karena_alasan_penting" id="cuti_karena_alasan_penting" required="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="cuti_diluar_tanggungan_negara">CUTI DILUAR TANGGUNGAN NEGARA</label>
              <input type="number" class="form-control" name="cuti_diluar_tanggungan_negara" id="cuti_diluar_tanggungan_negara" required="">
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
        <button type="submit" class="btn btn-primary">Simpan</button>
      </div>
    </form>
    </div>
  </div>
</div>

<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        CATATAN CUTI PEGAWAI
      </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">DATA PEGAWAI</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              <div class="box-body">
                <table class="table table-bordered">
                  <tbody>

                    <tr>
                      <td>NAMA</td>
                      <td>
                        {{$pegawai->name}}
                      </td>
                      <td>NIP</td>
                      <td>{{$pegawai->nip}}</td>
                    </tr>
                    
                    <tr>
                      <td>JABATAN</td>
                      <td>{{$pegawai->jabatan}}</td>
                      <td>UNIT KERJA</td>
                      <td>{{$pegawai->unit_kerja}}</td>
                    </tr>

                  </tbody>
                </table>
              </div>
              <!-- /.box-body -->
            <div class="box-header with-border">
              <h3 class="box-title">CATATAN CUTI</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-header with-border">
              <div class="pull-right">
                <a href="{{route('admin.pegawai.catatan.create',['id' => $pegawai->id])}}" class="btn btn-sm btn-success">CATATAN CUTI BARU</a>
              </div>
            </div>

            <!-- form start -->
              <div class="box-body">
                <div class="table-responsive">
                <table class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th style="width: 150px">TAHUN</th>
                      <th style="width: 100px">N-2</th>
                      <th style="width: 100px">N-1</th>
                      <th style="width: 100px">N</th>
                      <th style="width: 100px">N-2 SISA</th>
                      <th style="width: 100px">N-1 SISA</th>
                      <th style="width: 100px">N SISA</th>
                      <th style="width: 150px">C.TAHUNAN</th>
                      <th style="width: 150px">C.BESAR</th>
                      <th style="width: 150px">C.SAKIT</th>
                      <th style="width: 150px">C.MELAHIRKAN</th>
                      <th style="width: 150px">C.KARENA ALASAN PENTING</th>
                      <th style="width: 150px">C.DILUAR TANGGUNGAN NEGARA</th>
                      <th>AKSI</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($catatan as $row)
                    <tr>
                      <td>{{$row->tahun}}</td>
                      <td>{{$row->n2}}</td>
                      <td>{{$row->n1}}</td>
                      <td>{{$row->n}}</td>
                      <td>{{$row->n2_sisa}}</td>
                      <td>{{$row->n1_sisa}}</td>
                      <td>{{$row->n_sisa}}</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>
                          {{-- <a href="{{route('admin.pegawai.catatan.edit',$row->id)}}" class="btn btn-xs btn-warning">EDIT</a> --}}

                          <button type="button" class="btn btn-xs btn-warning btn-baru" data-toggle="modal" data-target="#modalEdit" 
                          data-url="{{ route('admin.pegawai.catatan.update',$row->id) }}"
                          data-tahun = "{{$row->tahun}}"
                          data-n2 = "{{$row->n2}}"
                          data-n1 = "{{$row->n1}}"
                          data-n = "{{$row->n}}"
                          data-n2_sisa = "{{$row->n2_sisa}}"
                          data-n1_sisa = "{{$row->n1_sisa}}"
                          data-n_sisa = "{{$row->n_sisa}}"
                          data-cuti_tahunan = "{{$row->cuti_tahunan}}"
                          data-cuti_besar = "{{$row->cuti_besar}}"
                          data-cuti_sakit = "{{$row->cuti_sakit}}"
                          data-cuti_melahirkan = "{{$row->cuti_melahirkan}}"
                          data-cuti_karena_alasan_penting = "{{$row->cuti_karena_alasan_penting}}"
                          data-cuti_diluar_tanggungan_negara = "{{$row->cuti_diluar_tanggungan_negara}}"
                          >EDIT</button>

                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
                </div>
              </div>
              <!-- /.box-body -->

            </div>
        

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

@push('css')
@endpush

@push('js')

<script>

  $(document).ready(function() {

    $('.btn-baru').click(function() {
      $("#formedit").attr("action", $(this).data("url"));
      $("#tahun").val($(this).data("tahun"));
      $("#n2").val($(this).data("n2"));
      $("#n1").val($(this).data("n1"));
      $("#n").val($(this).data("n"));
      $("#n2_sisa").val($(this).data("n2_sisa"));
      $("#n1_sisa").val($(this).data("n1_sisa"));
      $("#n_sisa").val($(this).data("n_sisa"));
      $("#cuti_tahunan").val($(this).data("cuti_tahunan"));
      $("#cuti_besar").val($(this).data("cuti_besar"));
      $("#cuti_sakit").val($(this).data("cuti_sakit"));
      $("#cuti_melahirkan").val($(this).data("cuti_melahirkan"));
      $("#cuti_karena_alasan_penting").val($(this).data("cuti_karena_alasan_penting"));
      $("#cuti_diluar_tanggungan_negara").val($(this).data("cuti_diluar_tanggungan_negara"));
    });

  });
</script>
@endpush