@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Daftar Pengajuan Keterangan Penghasilan</h1>

@if ($message = Session::get('success'))
<div class="alert alert-info alert-dismissible" id="alert">
  <h5><i class="icon fas fa-info"></i> Alert!</h5>
  {{ $message }}
</div>
@endif

@stop

@section('content')

<div class="col-12 col-sm-12 col-lg-12">
    <div class="card card-primary card-outline card-outline-tabs">
      <div class="card-header p-0 border-bottom-0">
        <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">Pengajuan</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Persetujuan</a>
          </li>
        </ul>
      </div>
      <div class="card-body">
        <div class="tab-content" id="custom-tabs-three-tabContent">
          <div class="tab-pane fade active show" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab">
          	<div class="card">
              <div class="card-header">
                <a href="{{url('/pengajuan/create')}}" class="btn btn-md btn-info"><i class="fa fa-plus"></i>&nbsp; Tambah Pengajuan</a>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                  <thead>
                  <tr>
                    <th>No</th>
                    <th>Periode</th>
                    <th>Keterangan</th>
                    <th>Status Pengajuan</th>
                    <th>Action</th>
                  </tr>
                  </thead>
                  <tbody>
                                    @foreach($model as $model)
                  <tr>
                    <td>{{$no}}</td>
                    <td>{{bulan($model->bulan)}}, {{$model->tahun}}</td>
                    <td>{{$model->keterangan}}</td>
                    <td>{!!$model->getStatus()!!}</td>
                    
                    <td>
                    @if($model->status_pengajuan == 1)
                    	<form action="{{ url('pengajuan/cetak/'.$model->id) }}" method="GET" style="display: inline-block">

                          {{ csrf_field() }}
            
            
                          <button type="submit" data-toggle="tooltip" title="Cetak Dokumen" class="btn btn-sm btn-danger">
            
                              <i class="fas fa-file-pdf"></i>
            
                          </button>
            
                      	</form>
                  	@else
                  	<button type="submit" data-toggle="tooltip" title="Cetak Dokumen" class="btn btn-sm btn-default" onclick="return alert('Pengajuan belum disetujui')">
            
                      <i class="fas fa-file-pdf"></i>
            
                  	</button>
                  	@endif
                  	@if($model->status_pengajuan == 0)
                      	<form action="{{ url('pengajuan/delete/'.$model->id) }}" method="POST" style="display: inline-block">
            
                          {{ csrf_field() }}
            
            
                          <button type="submit" data-toggle="tooltip" title="Hapus" onclick="return confirm('Anda yakin akan menghapus data ini?')" class="btn btn-sm btn-danger">
            
                              <i class="fa fa-btn fa-trash"></i>
            
                          </button>
            
                      	</form>
                  	@endif
                  	</td>
                  </tr>
                                    @endforeach
                  </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>
          </div>
          <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab">
          	<table id="example1" class="table table-bordered table-striped">
                  <thead>
                  <tr>
                    <th>No</th>
                    <th>Nama Pemohon</th>
                    <th>NIP</th>
                    <th>Periode</th>
                    <th>Keterangan</th>
                    <th>Status Pengajuan</th>
                    <th>Action</th>
                  </tr>
                  </thead>
                  <tbody>
                                    @foreach($pengajuan as $pengajuan)
                  <tr>
                    <td>{{$no}}</td>
                    <td>{{$pengajuan->employee($pengajuan->user->nip)}}</td>
                    <td>{{$pengajuan->user->nip}}</td>
                    <td>{{bulan($pengajuan->bulan)}}, {{$pengajuan->tahun}}</td>
                    <td>{{$pengajuan->keterangan}}</td>
                    <td>{!!$pengajuan->getStatus()!!}</td>
                    <td>
                    	<form action="{{ url('pengajuan/approved/'.$pengajuan->id) }}" method="POST" style="display: inline-block">

                          {{ csrf_field() }}
            
            
                          <button type="submit" data-toggle="tooltip" title="Persetujui" onclick="return confirm('Anda yakin akan menyetujui pengajuan ini?')" class="btn btn-xs btn-primary">
            
                              Persetujui
            
                          </button>
            
                      	</form>
                      	
                      	<form action="{{ url('pengajuan/delete/'.$pengajuan->id) }}" method="POST" style="display: inline-block">
            
                          {{ csrf_field() }}
            
            
                          <button type="submit" data-toggle="tooltip" title="Hapus" onclick="return confirm('Anda yakin akan menghapus data ini?')" class="btn btn-sm btn-danger">
            
                              <i class="fa fa-btn fa-trash"></i>
            
                          </button>
            
                      	</form>
                    </td>
                  </tr>
                                    @endforeach
                  </tbody>
            </table>
          </div>
          
        </div>
      </div>
      <!-- /.card -->
    </div>
</div>



@stop

@section('css')


@stop

@section('js')
<script>
$(document).ready(function(){
	setTimeout(function(){
		  $('#alert').hide('slow');
		}, 3000);
});

$(function () {
    $("#example1").DataTable({
      "responsive": true, 
      "lengthChange": true, 
      "autoWidth": false,
      
    });
  });



</script>

@stop