@extends('layouts.pegawai.core')
@section('content')

<section class="content-header">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 my-2">
      <a href="{{url('pegawai')}}" class="btn btn-primary btn-sm float-left">< Kembali</a>
        <h1 class="float-left ml-2">Detail Usulan Pegawai</h1>
      </div>
    </div>
  </div>
</section>

<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-12">
                  <div class="card card-outline card-primary">
                      <div class="card-header">
                          <h3 class="card-title">Keterangan Usulan</h3>
                      </div>
                      <div class="card-body p-0">
                        <table class="table">
                          <tbody>
                            <tr>
                              <th width="45%;">Nomor Usulan</th>
                              <td width="55%;">{{$usulanpegawai->usulan->nomor_usulan}}</td>
                            </tr>
                            <tr>
                              <th>Tanggal Usulan</th>
                              <td>{{$usulanpegawai->usulan->tanggal_usulan}}</td>
                            </tr>
                            <tr>
                              <th>Jenis Usulan</th>
                              <td>{{$usulanpegawai->usulan->jenisusulan->usulan->nama_usulan}}
                                {{$usulanpegawai->usulan->jenisusulan->nama_usulan_jenis}}</td>
                            </tr>
                            <tr>
                              <th>Satuan Kerja</th>
                              <td>{{$usulanpegawai->usulan->satker->nama}}</td>
                            </tr>
                            <tr>
                              <th>Perihal</th>
                              <td>{{$usulanpegawai->usulan->perihal}}</td>
                            </tr>
                          <tr>
                              <th>NIP</th>
                              <td>{{$usulanpegawai->nip_baru}}</td>
                            </tr>
                            <tr>
                              <th>Nama</th>
                              <td>{{$usulanpegawai->nama}}</td>
                          </tr>
                          
                            <tr>
                              <th>Status</th>
                              <td>
                                @switch($usulanpegawai->status_terakhir)
                                @case("SELESAI")
                                <span class="badge badge-success">SELESAI</span>
                                @break
                            @case("BATAL")
                                <span class="badge badge-danger">BATAL</span>
                                @break
                            @case("USULAN")
                                <span class="badge badge-info">USULAN</span>
                                @break
							@case("TMS")
								<span class="badge badge-danger">TMS</span><span class="badge badge-warning">Tidak Memenuhi Syarat</span>
								@break
                            @default
                                <span class="badge badge-warning">PROSES</span>
                                @endswitch
                              </td>
                          </tr>
                          <tr>
                              <th>Tgl Status</th>
                              <td>{{date('d/m/Y', strtotime($usulanpegawai->tanggal_status_terakhir))}}</td>
                            </tr>
                            <tr>
                              <th>Ket Status</th>
                              <td>{{$usulanpegawai->ket_terakhir}}</td>
                          </tr>
                      </tbody>
                  </table>
                  </div>
                </div>
              
                <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-four-tab" role="tablist">
                      <li class="nav-item">
                        <a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">Dokumen Upload</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill" href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile" aria-selected="false">Status Usul</a>
                      </li>
                    </ul>
                  </div>
                  <div class="card-body p-0">
                    <div class="tab-content" id="custom-tabs-four-tabContent">
                      <div class="tab-pane fade active show" id="custom-tabs-four-home" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                        <table class="table">
                          <thead>
                              <tr>
                                  <th>Dokumen</th>
                              </tr>
                          </thead>
                          <tbody>
                              @foreach ($usulanpegawai->dokumen as $up)
                                  <tr>
                                      @if($up->url == '-')
                                      <td>{{$up->jenis->jenis_dok}} <br><i><small>File tidak di upload</small></i></td>
                                      @else
                                      <td>
                                        <div>{{$up->jenis->jenis_dok}}</div>
                                          <div class="my-2"><a href="{{asset('storage/usulan/'.$usulanpegawai->usulan->id.'_'.$usulanpegawai->id.'/'.$up->url)}}">{{$up->url}}</a></div>
                                      </td>
                                      @endif
                                  </tr>
                              @endforeach
                          </tbody>
                      </table>
                      </div>
                      <div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel" aria-labelledby="custom-tabs-four-profile-tab">
                        <div class="table-responsive">
                        <table class="table">
                          <thead>
                              <tr>
                                  <th style='min-width:80px; width:100px;'>Tanggal</th>
                                  <th style='min-width:80px; width:100px'>Status</th>
                                  <th>Keterangan</th>
								  <th style='min-width:100px'>Dokumen</th>
                              </tr>
                          </thead>
                          <tbody>
                            @foreach($usulanpegawai->status as $st)
                            <tr>
                                <td>{{date('d/m/Y', strtotime($st->tanggal_status))}}</td>
                                <td>
                                  @switch($st->status)
                                  @case("SELESAI")
                                <span class="badge badge-success">SELESAI</span>
                                @break
                            @case("BATAL")
                                <span class="badge badge-danger">BATAL</span>
                                @break
                            @case("USULAN")
                                <span class="badge badge-info">USULAN</span>
                                @break
							@case("TMS")
								<span class="badge badge-danger">TMS</span><span class="badge badge-warning">Tidak Memenuhi Syarat</span>
								@break
                            @default
                                <span class="badge badge-warning">PROSES</span>
                                  @endswitch
                                </td>
                                <td>{{$st->keterangan}}</td>
								<td><a
									  href="{{asset('storage/status_usulan_dokumen/'.$st->dokumen_upload)}}">{{$st->dokumen_upload}}</a>
								</td>
                            </tr>
                            @endforeach
                          </tbody>
                      </table>
                    </div>
                      </div>
                    </div>
                  </div>
                  <!-- /.card -->
                </div>
            </div>
        </div>
    </div>

</section>
@endsection