@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">Detail Usulan Pegawai</h1>
        {{-- <div class="float-right"><button class="btn btn-danger">Hapus Pegawai dari Usulan</button></div> --}}
      </div>
    </div>
  </div>
</section>
@if(Session::has('flash_error'))
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <h5><i class="icon fas fa-ban"></i> Alert!</h5>
                        {{ Session::get('flash_error') }}
                    </div>
                @endif

                @if(Session::has('flash_success'))
                    <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>
                @endif

<section class="content">
  @foreach ($usulanpegawai->dokumen as $item)
  <div class="modal fade" id="modal-edit-dokumen{{$item->id}}">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Ubah Dokumen</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{url('usulan/pegawai/dokumen/edit',[$item->id])}}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="modal-body">
            <div class="form-group">
              <label for="dokumenupload">{{ $item->jenis->jenis_dok ?? '' }}</label>
              @if($item->url == '-')
              <div>-</div>
              @else
              <div><a href="{{asset('storage/status_usulan_dokumen/'.$item->url)}}">{{$item->url}}</a>
              </div>
              @endif
            </div>
            <div class="bg-warning p-2">
              <div class="form-group">
                <label for="dokumenupload">Upload Dokumen <small>(Upload di sini bila ingin mengubah
                    dokumen)</small></label>
                <div class="input-group">
                  <div class="custom-file">
                    <input type="file" class="custom-file-input" id="dokumenupload" name="dokumen_upload" required />
                    <label class="custom-file-label" for="dokumenupload">Pilih File</label>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-light" data-dismiss="modal">Batal</button>
            <button type="submit" class="btn btn-warning">Simpan</button>
          </div>
        </form>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  @endforeach

  @role('Admin')
  <div class="modal fade" id="modal-tambah-status">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Tambah Status</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{url('usulan/pegawai/status/store')}}" method="post" enctype="multipart/form-data">
          <div class="modal-body">
            {{ csrf_field() }}
            <input type="hidden" name="usulan_pegawai_id" value="{{$usulanpegawai->id}}">
            <div class="form-group">
              <label for="tanggalStatus">Tanggal Status</label>
              <input class="form-control" type="text" name="tanggalstatus" id="tanggalStatus">
            </div>
            <div class="form-group">
              <label for="status_usul_pegawai">Status Usul</label>
              <select class="form-control" name="status_usul_pegawai" id="status_usul_pegawai">
                <option value="proses">PROSES</option>
                <option value="selesai">SELESAI</option>
                <option value="batal">BTL <span class="badge badge-warning">(Berkas Tidak Lengkap)</span></option>
                <option value="tms">TMS <span class="badge badge-warning">(Tidak Memenuhi Syarat)</span></option>
              </select>
            </div>
            <div class="form-group">
              <label for="dokumen">Upload Dokumen</label>
              <div class="input-group">
                <div class="custom-file">
                  <input type="file" class="custom-file-input" id="dokumen" name="dokumen" />
                  <label class="custom-file-label" for="dokumen">Pilih File</label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="keterangan">Keterangan</label>
              <input class="form-control" type="text" name="keterangan" id="keterangan" placeholder="Masukan Keterangan"
                required>
            </div>
          </div>
          <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
            <button type="submit" class="btn btn-primary">Simpan</button>
          </div>
        </form>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- /.modal -->

  @foreach ($usulanpegawai->status as $item)
  <div class="modal fade" id="modal-edit-status{{$item->id}}">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Edit status</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{url('usulan/pegawai/status/edit',[$item->id])}}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="modal-body">
            <div class="form-group">
              <label for="tanggal">Tanggal Status</label>
              <input type="text" class="form-control" name="tanggal_status" id="tanggal" required="required"
                value="{{date('d/m/Y', strtotime($item->tanggal_status))}}">
            </div>

            <div class="form-group">
              <label for="keterangan">Keterangan</label>
              <input type="text" class="form-control" id="keterangan" name="keterangan" required="required"
                value="{{$item->keterangan}}">
            </div>

            <div class="form-group">
              <label for="dokumenupload">Dokumen</label>
              <div><a
                  href="{{asset('storage/status_usulan_dokumen/'.$item->dokumen_upload)}}">{{$item->dokumen_upload}}</a>
              </div>
            </div>

            <div class="bg-warning p-2">
              <div class="form-group">
                <label for="dokumenupload">Upload Dokumen <small>(Upload di sini bila ingin mengubah
                    dokumen)</small></label>
                <div class="input-group">
                  <div class="custom-file">
                    <input type="file" class="custom-file-input" id="dokumenupload" name="dokumen_upload" />
                    <label class="custom-file-label" for="dokumenupload">Pilih File</label>
                  </div>
                </div>
              </div>
            </div>


          </div>
          <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-light" data-dismiss="modal">Batal</button>
            <button type="submit" class="btn btn-warning">Simpan</button>
          </div>
        </form>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  @endforeach
  @endrole
  
  <div class="card card-outline card-primary">
    <div class="card-header">
      <h3 class="card-title">Usulan</h3>
    </div>
    <div class="card-body p-0">
      <table class="table">
        <tbody>
          <tr>
            <th width="15%;">Nomor Usulan</th>
            <td width="35%;"><a
                href="{{url('usulan',[$usulanpegawai->usulan->id])}}">{{$usulanpegawai->usulan->nomor_usulan}}</a></td>
            <th width="15%;">Tanggal Usulan</th>
            <td width="35%;">{{$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>
            <th>Satuan Kerja</th>
            <td>{{$usulanpegawai->usulan->satker->nama}}</td>
          </tr>
          <tr>
            <th>Perihal</th>
            <td>{{$usulanpegawai->usulan->perihal}}</td>
            <th>Surat Pengantar</th>
            <td><a
                href="{{asset('storage/suratpengantar/'.$usulanpegawai->usulan->surat_pengantar)}}">{{$usulanpegawai->usulan->surat_pengantar}}</a>
            </td>
          </tr>
          <tr>
            <th>Status</th>
            <td>
              @switch($usulanpegawai->usulan->status_terakhir)
                @case("SELESAI")
                    <span class="badge badge-success">SELESAI</span>
                    @break
                @case("BATAL")
                    <span class="badge badge-danger">BATAL</span><span class="badge badge-warning">Berkas Tidak Lengkap</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>
            <th>Tgl Status</th>
            <td>{{date('d/m/Y', strtotime($usulanpegawai->usulan->tanggal_status_terakhir))}}</td>
          </tr>
          <tr>
            <th>Progress</th>
            <td>
              <div class="progress">
                @if( $usulanpegawai->usulan->progress >= 100)
                <div class="progress-bar bg-success" style="width: 100%">100%</div>
                @else
                <div class="progress-bar bg-warning" style="width: {{$usulanpegawai->usulan->progress}}%">
                  {{$usulanpegawai->usulan->progress}}%</div>
                @endif
              </div>
            </td>
          </tr>

        </tbody>
      </table>
    </div>
  </div>

  <div class="card card-outline card-primary">
    <div class="card-header">
      <h3 class="card-title">Pegawai</h3>
    </div>
    <div class="card-body p-0">
      <table class="table">
        <tbody>
          <tr>
            <th width="15%;">NIP</th>
            <td width="35%;">{{$usulanpegawai->nip_baru}}</td>
            <th width="15%;">Nama</th>
            <td width="35%;">{{$usulanpegawai->nama}}</td>
          </tr>
          <tr>
            <th>Ktp</th>
            <td>{{$usulanpegawai->ktp}}</td>
            <th>Pangkat</th>
            <td>{{$usulanpegawai->pangkat}}</td>
          </tr>
          <tr>
            <th>Gol</th>
            <td>{{$usulanpegawai->gol}}</td>
            <th>Karpeg</th>
            <td>{{$usulanpegawai->karpeg}}</td>
          </tr>
          <tr>
            <th>Pendidikan</th>
            <td>{{$usulanpegawai->pendidikan}}</td>
            <th>Jenis Kelamin</th>
            <td>{{$usulanpegawai->jenis_kelamin}}</td>
          </tr>
          <tr>
            <th>Tempat Lahir</th>
            <td>{{$usulanpegawai->tempat_lahir}}</td>
            <th>Tanggal Tahir</th>
            <td>{{$usulanpegawai->tanggal_lahir}}</td>
          </tr>
          <tr>
            <th>Email</th>
            <td>{{$usulanpegawai->EmailPegawai}}</td>
            <th>Handphone</th>
            <td>{{$usulanpegawai->nomor_handphone}}</td>
          </tr>
          <tr>
            <th>Agama</th>
            <td>{{$usulanpegawai->agama}}</td>
            <th>Jabatan</th>
            <td>{{$usulanpegawai->jabatan}}</td>
          </tr>
          <tr>
            <th>Jabatan Satker</th>
            <td>{{$usulanpegawai->jabatansatker}}</td>
            <th>Kode Satker</th>
            <td>{{$usulanpegawai->kode_satker}}</td>
          </tr>
          <tr>
            <th>Satker</th>
            <td>{{$usulanpegawai->satker}}</td>
            <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">BTL</span><span class="badge badge-warning">Berkas Tidak Lengkap</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>
            <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">
          @if(sizeof($usulanpegawai->dokumen))
          <div class="card-body">
            <a class="btn btn-primary btn-ms" href="{{url('usulan/pegawai/downloadall-edoc',[$usulanpegawai->id])}}"><i class="fa fa-download"></i>&nbspDownload All Document</a>  
          </div>
          @endif
          <table class="table">
            <thead>
              <tr>
                <th style='min-width:150px'>Nama Dokumen</th>
                <th style='min-width:150px'>Upload</th>
                <th>Opsi</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($usulanpegawai->dokumen as $up)
              <tr>
                <td>
				@if(isset($up->jenis->jenis_dok))
					{{$up->jenis->jenis_dok}}
				@else 
					<span class="badge badge-warning">Syarat Lama</span>
				@endif
				</td>
                @if($up->url == '-')
                <td>-</td>
                <td><button class="btn btn-warning btn-xs" type="button" data-toggle="modal"
                    data-target="#modal-edit-dokumen{{$up->id}}">Ubah File</button></td>
                @else
                <td><a
                    href="{{asset('storage/usulan/'.$usulanpegawai->usulan->id.'_'.$usulanpegawai->id.'/'.$up->url)}}">{{$up->url}}</a>
                </td>
                <td>
                  <form action="{{url('lihatdokumen')}}" target="_blank">
                    <input type="hidden" name="namafile"
                      value="{{asset('storage/usulan/'.$usulanpegawai->usulan->id.'_'.$usulanpegawai->id.'/'.$up->url)}}" />
                  </form>

                  <form action="{{url('lihatdokumen')}}" target="_blank">
                    <input type="hidden" name="namafile"
                      value="{{asset('storage/usulan/'.$usulanpegawai->usulan->id.'_'.$usulanpegawai->id.'/'.$up->url)}}" />
                    <button class="btn btn-primary btn-xs" type="submit">File Viewer</button>
                    <button class="btn btn-warning btn-xs" type="button" data-toggle="modal"
                      data-target="#modal-edit-dokumen{{$up->id}}">Ubah File</button>
                  </form>
                </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">
          @role('Admin')
          <div class="p-3">
            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modal-tambah-status">
              Tambah Status
            </button>
          </div>
          @endrole
          <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>
                {{-- <th>Opsi</th> --}}
                <th>Opsi</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">BTL</span><span class="badge badge-warning">Berkas Tidak Lengkap</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>
              <td>
              <button type="button" class="btn btn-warning btn-xs" data-toggle="modal"
                      data-target="#modal-edit-status{{$st->id}}">Edit</button></td>
                {{-- <td>
                    <button type="button" class="btn btn-warning btn-xs" data-toggle="modal"
                      data-target="#modal-edit-status{{$st->id}}">Edit</button>
                <button type="button" class="btn btn-danger btn-xs" data-toggle="modal"
                  data-target="#modal-hapus-status{{$st->id}}">Hapus</button>
                </td> --}}
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- /.card -->
  </div>

</section>
@endsection

@push('tjs')
<script>
  $(document).ready(function(){
    bsCustomFileInput.init();

    //DATE
    $('input[name="tanggalstatus"]').daterangepicker({
        singleDatePicker: true,
        showDropdowns: true,
        locale: {
          "format": "DD/MM/YYYY"
        }
    });
  });
</script>
@endpush