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

<!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        CATATAN CUTI PEGAWAI BARU
      </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>

              <div class="box-header with-border">
                <h3 class="box-title">SISA CUTI PEGAWAI</h3>
              </div>
              <!-- /.box-header -->
              <!-- form start -->
                <div class="box-body">
                  <table class="table table-bordered">
                    <tbody>
                      @if($status_catatan_cuti_terakhir == 'LAMA')
                      <tr>
                        <td>SISA {{$catatan_cuti_terakhir->tahun-2}} </td>
                        <th>{{$catatan_cuti_terakhir->n2_sisa}}</th>
                        <td>SISA {{$catatan_cuti_terakhir->tahun-1}} </td>
                        <th>{{$catatan_cuti_terakhir->n1_sisa}}</th>
                        <td>SISA {{$catatan_cuti_terakhir->tahun}} </td>
                        <th>{{$catatan_cuti_terakhir->n_sisa}}</th>
                      </tr>
                      @else
                      <tr>
                        <td>Belum pernah memiliki catatan cuti</td>
                      </tr>
                      @endif
                    </tbody>
                  </table>
                </div>

              <!-- /.box-body -->
            <div class="box-header with-border">
              <h3 class="box-title">CATATAN CUTI BARU</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form action="{{ route('admin.pegawai.catatan.store') }}" autocomplete="off" method="post">
              {{ csrf_field() }}
              <input type="hidden" name="pegawai_id" value="{{$pegawai->id}}">
            <div class="box-body">
              <div class="row">
                <div class="col-sm-4">
                  <div class="form-group">
                    <label for="tahun">Tahun Catatan Cuti</label>
                    @if($status_catatan_cuti_terakhir == 'LAMA')
                    <input type="text" class="form-control input-sm" id="tahun" value="{{$catatan_cuti_terakhir->tahun + 1}}" disabled>
                    <input type="hidden" name="tahun" value="{{$catatan_cuti_terakhir->tahun + 1}}">
                    @else
                    <input type="text" class="form-control input-sm" id="tahun" value="{{date('Y')}}" disabled>
                    <input type="text" name="tahun" value="{{date('Y')}}">
                    @endif
                  </div>
                </div>
                <div class="col-sm-4">
                  <div class="form-group">
                    <label for="n_tangguh">CUTI DITANGGUHKAN / {{$catatan_cuti_terakhir->tahun}}</label>
                    <input type="number" class="form-control input-sm" id="n_tangguh" value="{{$catatan_cuti_terakhir->cuti_tangguh}}" disabled>
                  </div>
                </div>
              </div>

              @if($status_catatan_cuti_terakhir == 'LAMA')
              <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>
              @else
              <div class="row">
                <div class="col-sm-4">
                  <div class="form-group">
                    <label for="n2">N-2 / USER BARU</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 / USER BARU</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 / USER BARU</label>
                    <input type="number" class="form-control" name="n" id="n" required="">
                  </div>
                </div>
              </div>
              @endif
              <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="" value="0">
                  </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="" value="0">
                  </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="" value="0">
                  </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="" value="0">
                  </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="" value="0">
                  </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="" value="0">
                  </div>
                </div>
              </div>

              <div class="row">
                <div class="col-md-12">
                  <button type="submit" class="btn btn-primary pull-right">
                    Simpan
                  </button>
                </div>
              </div>
            </div>
              <!-- /.box-body -->
            </form>
            </div>
       </div> 
      </div>
    </section>
@endsection

@push('css')
@endpush

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

  <!-- Page specific script -->
  <script>
  $(document).ready(function() {
    $('#tahun').datepicker({
        format: "yyyy",
        startView: 2,
        orientation: "bottom",
        minViewMode: 2,
            todayHiglight: true,
            autoclose: true
      })
    });
    
  </script>

@endpush