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

<!-- Modal -->
<div class="modal fade" id="modalBaru" tabindex="-1" role="dialog" aria-labelledby="modalBaruLabel">
  <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="modalBaruLabel">Edit Catatan Cuti Tahun {{date('Y')}}</h4>
      </div>

      <form action="" autocomplete="off" method="post" id="formbaru">
      {{ csrf_field() }}
      <input type="hidden" id="pegawai_id" name="pegawai_id" value="">
      <div class="modal-body">
         <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label for="tahun">NAMA</label>
              <input type="text" class="form-control input-sm" id="nama_baru" readonly="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="tahun">NIP</label>
              <input type="text" class="form-control input-sm" id="nip_baru" readonly="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="tahun">Tahun Catatan Cuti</label>
              <input type="text" class="form-control input-sm" name="tahun" id="tahun_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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_baru" 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>

<!-- 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 Tahun {{date('Y')}}</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">NAMA</label>
              <input type="text" class="form-control input-sm" id="nama_edit" readonly="">
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              <label for="tahun">NIP</label>
              <input type="text" class="form-control input-sm" id="nip_edit" readonly="">
            </div>
          </div>
          <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="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>
        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">PEGAWAI</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              <div class="box-body">
                
                @include('tools.alert')

                <div class="box-header with-border">
                  <form method="GET" action="{{route('admin.pegawai.index')}}" accept-charset="UTF-8" role="form">
                    <div class="pull-left">
                      <span class="title-filter hidden-xs">Filter:</span>
                      <input class="form-control input-filter input-sm" placeholder="Ketik Untuk Mencari..." name="search" value="{{request('search')}}" type="text">
                      <button type="submit" class="btn btn-sm btn-primary">CARI</button>
                      <a href="{{route('admin.pegawai.index')}}" class="btn btn-sm btn-danger">RESET FILTER</a>
                    </div>
                    <div class="pull-right">
                      <a href="{{route('admin.pegawai.create')}}" class="btn btn-sm btn-success">PEGAWAI BARU</a>
                    </div>
                  </form>
                </div>

                <table class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th style="width: 250px">PEGAWAI</th>
                      <th style="width: 250px">JABATAN / UNIT KERJA</th>
                      <th>JENIS</th>
                      <th colspan="2">AKSI</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($pegawai as $row)
                      
                      @php
                      if($row->status == 0){
                        $color = "yellow";
                      }else{
                        $color = "";
                      }
                      @endphp 
                      
                    <tr style="background-color: {{$color}}">
                      <td>{{$row->nip}} <br> {{$row->name}}</td>
                      <td>{{$row->jabatan}} <br> {{$row->unit_kerja}}</td>
                      <td>{{$row->jenis}}</td>
                      <td style="width: 70px">
                        <!-- Single button -->
                        <div class="btn-group">
                          <button type="button" class="btn btn-warning btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            CATATAN CUTI <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu">
                            <li>
                              {{-- <a href="{{route('admin.pegawai.catatan.edit',['id' => $row->id])}}">EDIT CATATAN CUTI TAHUN INI</a> --}}
                              {{-- {{$row->catatan}} --}}
                              @if (! $row->catatan->isEmpty())
                              
                                <a href="#" class="btn-edit" data-toggle="modal" data-target="#modalEdit" 
                                data-url="{{ route('admin.pegawai.catatan.update',$row->catatan[0]->id) }}"
                                data-nama_edit = "{{$row->name}}"
                                data-nip_edit = "{{$row->nip}}"
                                data-tahun = "{{date('Y')}}"
                                data-n2 = "{{$row->catatan[0]->n2}}"
                                data-n1 = "{{$row->catatan[0]->n1}}"
                                data-n = "{{$row->catatan[0]->n}}"
                                data-cuti_tahunan = "{{$row->catatan[0]->cuti_tahunan}}"
                                data-cuti_besar = "{{$row->catatan[0]->cuti_besar}}"
                                data-cuti_sakit = "{{$row->catatan[0]->cuti_sakit}}"
                                data-cuti_melahirkan = "{{$row->catatan[0]->cuti_melahirkan}}"
                                data-cuti_karena_alasan_penting = "{{$row->catatan[0]->cuti_karena_alasan_penting}}"
                                data-cuti_diluar_tanggungan_negara = "{{$row->catatan[0]->cuti_diluar_tanggungan_negara}}"
                                >EDIT CATATAN CUTI TAHUN INI</a>
                              @else
                                <a href="#" class="btn-baru" data-toggle="modal" data-target="#modalBaru" 
                                data-url="{{ route('admin.pegawai.catatan.store') }}"
                                data-nama_baru = "{{$row->name}}"
                                data-nip_baru = "{{$row->nip}}"
                                data-pegawai_id = "{{$row->id}}"
                                data-tahun = "{{date('Y')}}"
                                data-n2 = "0"
                                data-n1 = "0"
                                data-n = "0"
                                data-cuti_tahunan = "0"
                                data-cuti_besar = "0"
                                data-cuti_sakit = "0"
                                data-cuti_melahirkan = "0"
                                data-cuti_karena_alasan_penting = "0"
                                data-cuti_diluar_tanggungan_negara = "0"
                                >EDIT CATATAN CUTI TAHUN INI</a>
                              @endif

                            </li>
                            <li><a href="{{route('admin.pegawai.catatan.index',['id' => $row->id])}}">LIST LENGKAP CATATAN CUTI</a></li>
                          </ul>
                        </div>
                      </td>
                      <td style="width: 70px">

                        <div class="btn-group">
                          <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            LAIN-LAIN <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu">
                            <li><a href="{{route('admin.cuti.create',['id' => $row->id])}}">BUAT CUTI BARU</a></li>
                            <li><a href="{{route('admin.pegawai.show',$row->id)}}">DETAIL PEGAWAI</a></li>
                            <li><a href="{{route('admin.pegawai.edit',$row->id)}}">EDIT PEGAWAI</a></li>
							<!--{{--<li><a href="{{ route('admin.pegawai.status',$row->id) }}" class="btn btn-sm {{$pegawai->status == 1 ? 'btn-success' : 'btn-warning'}}"><i class="fa fa-refresh"></i> Ganti Status</a></li>--}}-->
							<li><a href="{{ route('admin.pegawai.status',$row->id) }}">GANTI STATUS</a></li>
						  </ul>
                        </div>
                      </td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>

                {{ $pegawai->links() }}

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

            </div>
        

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

@push('css')
@endpush

@push('js')
<script>

  $(document).ready(function() {

    $('.btn-baru').click(function() {
      $("#formbaru").attr("action", $(this).data("url"));
      $("#pegawai_id").val($(this).data("pegawai_id"));
      $("#nama_baru").val($(this).data("nama_baru"));
      $("#nip_baru").val($(this).data("nip_baru"));
      $("#tahun_baru").val($(this).data("tahun"));
      $("#n2_baru").val($(this).data("n2"));
      $("#n1_baru").val($(this).data("n1"));
      $("#n_baru").val($(this).data("n"));
      $("#cuti_tahunan_baru").val($(this).data("cuti_tahunan"));
      $("#cuti_besar_baru").val($(this).data("cuti_besar"));
      $("#cuti_sakit_baru").val($(this).data("cuti_sakit"));
      $("#cuti_melahirkan_baru").val($(this).data("cuti_melahirkan"));
      $("#cuti_karena_alasan_penting_baru").val($(this).data("cuti_karena_alasan_penting"));
      $("#cuti_diluar_tanggungan_negara_baru").val($(this).data("cuti_diluar_tanggungan_negara"));
    });

    $('.btn-edit').click(function() {
      $("#formedit").attr("action", $(this).data("url"));
      $("#nama_edit").val($(this).data("nama_edit"));
      $("#nip_edit").val($(this).data("nip_edit"));
      $("#tahun").val($(this).data("tahun"));
      $("#n2").val($(this).data("n2"));
      $("#n1").val($(this).data("n1"));
      $("#n").val($(this).data("n"));
      $("#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