@extends('layouts.admin.core')
@section('content')
<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">Monitoring Usulan</h1>
      <a href="{{url('usulan/create')}}" class="btn btn-primary float-right">Buat Usulan Baru</a>
      </div>
    </div>
  </div>
</section>

<section class="content">
    <!-- Default box -->
    <div class="card">
      <div class="card-header">
        <div class="card-tools float-left">
          <form class="form-inline" id="filterForm">
            {{-- <div class="form-group row ml-2">
              <label for="staticEmail2" class="col-sm-3 col-form-label">Filter : </label>
              <div class="col-sm-9">
                <select class="form-control form-control-sm" id="exampleFormControlSelect1" size="width: 350px;">
                  <option>NIP</option>
                  <option>Nama</option>
                  <option>Jenis Usulan</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </div>
            </div> --}}
			<div class="d-flex">
			<div class="form-group">
              <label for="staticEmail2" class="col-form-label mr-3">Filter : </label>
              <div class="input-group-sm mr-3">
                <input type="text" name="search" class="form-control" placeholder="Cari NIP / Nama"
                  value="{{request('search')}}">
              </div>
            </div>
            @role('Admin')
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihsatker">
                  <option value="">-- SEMUA SATKER --</option>
                  @foreach ($satker as $sk)
                  <option {{(request('pilihsatker') == $sk->id)?'selected':''}} value="{{$sk->id}}">{{$sk->nama}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            @endrole
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihjenis">
                  <option value="">-- SEMUA USULAN --</option>
                  @foreach ($jenisusulan as $ju)
                  <option {{(request('pilihjenis') == $ju->id)?'selected':''}} value="{{$ju->id}}">{{$ju->nama_usulan}}</option>
                  @endforeach
                </select>
              </div>
            </div>
			</div>
			<div class="d-flex">
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihdetailjenis">
                  <option value="">-- SEMUA DETAIL USULAN --</option>
                  @foreach ($jenisusulan as $ju)
                    @foreach ($ju->jenis as $i)
                        <option {{(request('pilihdetailjenis') == $i->id)?'selected':''}} value="{{$i->id}}">
                          {{$i->nama_usulan_jenis}}</option>
                    @endforeach
                  @endforeach
                </select>
              </div>
            </div>
            <!--
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" id="pilihjenis" name="pilihjenis">
                  <option value="">-- SEMUA USULAN --</option>
                  @foreach ($jenisusulan as $ju)
                  <option {{(request('pilihjenis') == $ju->id)?'selected':''}} value="{{$ju->id}}">{{$ju->nama_usulan}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="form-group">
              <div class="input-group-sm mr-3">
                  <select class="custom-select" id="pilihdetailjenis" name="pilihdetailjenis" disabled>
                      <option value="">-- SEMUA DETAIL USULAN --</option>
                  </select>
                  @foreach ($jenisusulan as $ju)
                  <select class="custom-select d-none" name="pilihdetailjenis" id="pilihdetailjenis{{$ju->id}}">
                      @foreach ($ju->jenis as $i)
                      <option {{(request('pilihdetailjenis') == $i->id)?'selected':''}} value="{{$i->id}}">
                          {{$i->nama_usulan_jenis}}</option>
                      @endforeach
                  </select>
                  @endforeach
              </div>
            </div>
            -->
            <div class="form-group">
              <div class="input-group-sm mr-3">
                <select class="form-control" name="pilihstatus">
                  <option value="">-- SEMUA STATUS --</option>
                  <option {{(request('pilihstatus') == 'PROSES')?'selected':''}} value="PROSES">PROSES</option>
                  <option {{(request('pilihstatus') == 'SELESAI')?'selected':''}} value="SELESAI">SELESAI</option>
                  <option {{(request('pilihstatus') == 'BATAL')?'selected':''}} value="BATAL">BATAL</option>
                  <option {{(request('pilihstatus') == 'TMS')?'selected':''}} value="BATAL">TMS</option>
                </select>
              </div>
            </div>
            <button type="submit" name="sbm" value ='1' class="btn btn-primary btn-sm mr-1"><i class="fas fa-search"></i> Cari</button>
            <a href="{{url()->current()}}" class="btn btn-default btn-sm mx-2">Reset</a>
			<button value ='2' name="sbm" class="btn btn-primary float-right" form="filterForm"><i class="fas fa-file-excel"></i> Cetak</button>
			</div>
          </form>
        </div>
      </div>
      <div class="card-body p-0">
        <table class="table table-responsive">
            <thead>
                <tr>
                    <th style='min-width:150px'>@sortablelink('usulan.nomor_usulan', 'Nomor Usulan')</th>
                    <th style='min-width:150px'>NIP</th>
                    <th style='min-width:120px'>@sortablelink('nama', 'Nama')</th>
                    <th style='min-width:120px'>Satker</th>
                    <th style='min-width:120px'>Jenis Usulan</th>
                    <th style='min-width:120px' class="text-center">Status</th>
                    <th style='min-width:120px'>Ket Status</th>
                    <th style='min-width:120px'>@sortablelink('tanggal_status_terakhir', 'Tgl Status')</th>
                    <th>Opsi</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($usulanpegawai as $u)
                    <tr>
                    <td class="align-middle"><a href="{{url('usulan',[$u->usulan->id])}}">{{$u->usulan->nomor_usulan}}</a></td>
                    <td class="align-middle">{{$u->nip_baru}}</td>
                    <td class="align-middle">{{$u->nama}}</td>
                    <td class="align-middle">{{$u->satkerdet->nama}}</td>
                    <td class="align-middle">{{$u->usulan->jenisusulan->usulan->nama_usulan}} {{$u->usulan->jenisusulan->nama_usulan_jenis}}</td>
                    <td class="text-center align-middle">
                        @switch($u->status_terakhir)
                            @case("SELESAI")
                                <span class="badge badge-success">SELESAI</span>
                                @break
                            @case("BATAL")
                                <a href="{{url('usulan/pegawai',[$u->id])}}#custom-tabs-four-home" class="btn btn-danger btn-xs">BTL</a>
                                @break
                            @case("USULAN")
                                <span class="badge badge-info">USULAN</span>
                                @break
                            @case("TMS")
                                <span class="badge badge-danger">TMS</span>
                                @break
                            @default
                            <span class="badge badge-warning">PROSES</span>
                        @endswitch
                    </td>
                    @if (empty($u->ket_terakhir))
                      <td>Proses Awal Pengajuan</td>
                    @else
                      <td>{{$u->ket_terakhir}}</td>
                    @endif
                    <td class="align-middle">{{date('d-m-Y', strtotime($u->tanggal_status_terakhir))}}</td>
                    <td class="align-middle"><a href="{{url('usulan/pegawai',[$u->id])}}" class="btn btn-primary btn-xs">Detail</a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
      </div>
      <!-- /.card-body -->
      <div class="card-body py-0 pt-3 border-top">
        @if ($usulanpegawai->firstItem())
          <div class="float-left py-2">
            Menampilkan {{$usulanpegawai->firstItem()}} s/d {{$usulanpegawai->lastItem()}} dari {{$usulanpegawai->total()}} Baris
          </div>
          <div class="float-right">
            {!! $usulanpegawai->appends(request()->except('page'))->links() !!}
          </div>
        @else
          <div class="py-3 text-center">
            Tidak Ada Data
          </div>
        @endif
      </div>
    </div>
    <!-- /.card -->

  </section>
@endsection
<!--
@push('tjs')
<script>
  // $(document).ready( function () {
  //   $('#myTable').DataTable();
  // } );  
  $(document).ready(function(){
        // PILIH USUL
        var 
            @foreach($jenisusulan as $u)
              pilihdetailjenis{{$u->id}} = $('#pilihdetailjenis{{$u->id}}'),
            @endforeach

            pilihjenis = $('#pilihjenis');
            pilihdetailjenis = $('#pilihdetailjenis'),

        pilihjenis.on("change", function() {

          pilihdetailjenis.removeClass('d-none').addClass('d-none');

            @foreach($jenisusulan as $u)
            pilihdetailjenis{{$u->id}}.removeClass('d-none').addClass('d-none');
            pilihdetailjenis{{$u->id}}.prop( "disabled", false ).prop( "disabled", true );
            @endforeach

            switch($(this).val()) {
                
                @foreach($jenisusulan as $u)
                case "{{$u->id}}":
                pilihdetailjenis{{$u->id}}.removeClass('d-none');
                pilihdetailjenis{{$u->id}}.prop( "disabled", false );
                pilihdetailjenis{{$u->id}}.prop("selectedIndex", 0);
                    break;
                @endforeach

                default:
                pilihdetailjenis.removeClass('d-none');
                pilihdetailjenis.prop( "disabled", false );
            }
        });
  }); 
</script>
@endpush
-->