@extends('backoffice.template.app')
@section('script')
  <script>
    $(document).ready(function() {
      $('#table_id').DataTable();
    });
  </script>
@endsection
@section('content')
  <div class="d-flex justify-content-between align-items-center mb-4">
    <nav
      style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);"
      aria-label="breadcrumb" class="fs-5">
      <ol class="breadcrumb mb-0">
        <li class="breadcrumb-item"><a href="{{ route('backoffice.pengajuan-dokumen') }}">Pengajuan Dokumen</a></li>
        <li class="breadcrumb-item"><a
            href="{{ route('backoffice.pengajuan-dokumen.list-form', $perizinan->id) }}">{{ $perizinan->nama }}</a></li>
        <li class="breadcrumb-item"><a class="text-primary">{{ $form->nama }}</a></li>
      </ol>
    </nav>
  </div>
  <div class="card">
    <div class="card-body">
      <table class="table table-bordered table-striped" id="table_id">
        <thead>
          <tr>
            <th>#</th>
            <th class="text-nowrap w-50">Nama User</th>
            <th class="w-50">Dokumen Yang Diajukan</th>
            <th class="">Status</th>
            <th class="text-center">Action</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($pengajuan_form as $i => $pf)
            <tr>
              <td>{{ $i + 1 }}</td>
              <td>{{ $pf->user->nama }}</td>
              <td class="text-nowrap">{{ $pf->form->nama }}</td>
              <td class="text-nowrap text-center">
                @switch($pf->status)
                  @case('baru')
                    <span class="badge rounded-pill bg-info w-100">Baru</span>
                  @break

                  @case('diproses')
                    <span class="badge rounded-pill bg-label-primary w-100">Diproses</span>
                  @break

                  @case('disetujui')
                    <span class="badge rounded-pill bg-success">Diseteujui</span>
                  @break

                  @case('revisi')
                    <span class="badge rounded-pill bg-warning">Revisi</span>
                  @break

                  @case('ditolak')
                    <span class="badge rounded-pill bg-danger">Ditolak</span>
                  @break
                @endswitch

              </td>
              <td class="text-nowrap">
                @if ($pf->status == 'baru')
                  <form method="POST"
                    action="{{ route('backoffice.pengajuan-dokumen.list-pengajuan-form.proses', $pf->id) }}">
                    @csrf
                    <button class="btn btn-primary" type="submit" name="status" value="diproses">Proses Dokumen</button>
                  </form>
                @else
                  <a href="{{ route('backoffice.pengajuan-dokumen.detail', $pf->id) }}" class="btn btn-info">Detail</a>
                @endif
              </td>
            </tr>
          @endforeach

        </tbody>
      </table>
    </div>
  </div>
@endsection