@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">Usulan</h1>
        <a href="{{url('usulan/create')}}" class="btn btn-primary float-right">Buat Usulan Baru</a>
      </div>
    </div>
  </div>
</section>

<section class="content">
  @if(Session::has('flash_success'))
  <div class="row">
    <div class="col-md-12">
      <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-check"></i> Sukses!</h5>
          {{ Session::get('flash_success') }}
      </div>
    </div>
  </div>
  @endif

  <!-- Default box -->
  <div class="card">
    <div class="card-header">
      <div class="card-tools float-left">
        <form class="form-inline">
          {{-- <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="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 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="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>
              </select>
            </div>
          </div>
          <button type="submit" 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">Reset</a>
        </form>
      </div>
    </div>
    <div class="card-body p-0">
      <table class="table table-responsive" id="myTable">
        <thead>
          <tr>
            <th style='min-width:150px'>@sortablelink('nomor_usulan', 'Nomor Usulan')</th>
            <th style='min-width:100px'>@sortablelink('tanggal_usulan', 'Tgl Usul')</th>
            <th style='min-width:200px'>Jenis Usulan</th>
            <th style='min-width:100px' class="text-center">Pegawai</th>
            <th style='min-width:180px'>Satker</th>
            <th style='min-width:100px' class="text-center">Status</th>
            <th style='min-width:80px'>Progress</th>
            <th>Opsi</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($usulan as $u)
          <tr>
            <td class="align-middle"><a href="{{url('usulan',[$u->id])}}">{{isset($u->nomor_usulan) ? $u->nomor_usulan : '' }}</a></td>
            <td class="align-middle">{{date('d-m-Y', strtotime($u->tanggal_usulan))}}</td>
            <td class="align-middle">{{isset($u->jenisusulan->usulan->nama_usulan) ? $u->jenisusulan->usulan->nama_usulan : '' }} 
			{{isset($u->jenisusulan->nama_usulan_jenis) ? $u->jenisusulan->nama_usulan_jenis : '' }}
            </td>
            <td class="text-center align-middle">{{ $u->pegawai->count() }}</td>
			<td class="align-middle">{{ isset($u->satker->nama) ? $u->satker->nama : ''  }}</td>
            <td class="text-center align-middle">
              @switch(isset($u->status_terakhir) ? $u->status_terakhir : '' )
              @case("SELESAI")
                  <span class="badge badge-success">SELESAI</span>
                  @break
              @case("BATAL")
                  <span class="badge badge-danger">BTL</span>
                  @break
              @case("TMS")
                  <span class="badge badge-danger">TMS</span>
                  @break
              @case("USULAN")
                  <span class="badge badge-info">USULAN</span>
                  @break
              @default
              <span class="badge badge-warning">PROSES</span>
              @endswitch
              <br><small><i>{{date('d-m-Y', strtotime($u->tanggal_status_terakhir))}}</i></small>
            </td>
            <td class="align-middle">
              <div class="progress">
                @if( $u->progress >= 100)
                <div class="progress-bar bg-success" style="width: 100%">100%</div>
                @else
                <div class="progress-bar bg-warning" style="width: {{$u->progress}}%">{{$u->progress}}%</div>
                @endif
              </div>
            </td>
            <td class="align-middle"><a href="{{url('usulan',[$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 ($usulan->firstItem())
        <div class="float-left py-2">
          Menampilkan {{$usulan->firstItem()}} s/d {{$usulan->lastItem()}} dari {{$usulan->total()}} Baris
        </div>
        <div class="float-right">
          {!! $usulan->appends(request()->except('page'))->links() !!}
        </div>
      @else
        <div class="py-3 text-center">
          Tidak Ada Data
        </div>
      @endif
    </div>
  </div>
  <!-- /.card -->

</section>
@endsection