@extends('pwa.template.app.main')

@section('app-content')
  <div class="container py-3">
    <!--<div class="mb-3">-->
    <!--  <a class="text-black" href="{{ route('home') }}">-->
    <!--    <i class="fa-solid fa-arrow-left me-1"></i> <span>Kembali Ke Halaman Beranda</span>-->
    <!--  </a>-->
    <!--</div>-->
    <div class="card p-3 mb-3">
        <h5 class="mt-2 mb-4">Buat Pengajuan Dokumen</h5>
        <div class="row">
            @foreach ($k_perizinans as $i => $kp)
                <div class="col-6">
                  <a href="{{ route('perizinan.dokumen', $kp->id) }}">
                    <div
                      class="card px-1 py-3 h-100 text-center text-white {{ $i % 2 == 0 ? 'bg-info' : 'bg-success' }} bg-gradient">
                      <i class="fs-1 bi bi-file-earmark-medical"></i>
                      <p class="text-white mt-2" style="font-size: 20px;"><b>{{ $kp->nama }}</b></p>
                    </div>
                  </a>
                </div>
            @endforeach
        </div>
    </div>
    
    @if ($jumlah_pengajuan > 0)
      <div class="card">
        <div class="card-body p-4">
          @foreach ($forms as $f)
            @switch($f->status)
              @case('baru')
                <a href="{{ route('dokumen.detail', $f->id) }}">
                  <div class="single-order-status active">
                    <div class="order-icon"><i class="fa-solid fa-heart-circle-check"></i></div>
                    <div class="order-text">
                      <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                    </div>
                    <div class="order-status"><i class="bi bi-hourglass-split"></i></div>
                  </div>
                  <hr />
                </a>
              @break

              @case('diproses')
                <a href="{{ route('dokumen.detail', $f->id) }}">
                  <div class="single-order-status active">
                    <div class="order-icon"><i class="fa-solid fa-heart-circle-check"></i></div>
                    <div class="order-text">
                      <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                    </div>
                    <div class="order-status"><i class="bi bi-hourglass-split"></i></div>
                  </div>
                  <hr />
                </a>
              @break

              @case('disetujui')
                <a href="{{ route('dokumen.detail', $f->id) }}">

                  <div class="single-order-status active">
                    <div class="order-icon"><i class="fa-solid fa-truck-fast"></i></div>
                    <div class="order-text">
                      <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                    </div>
                    <div class="order-status"><i class="bi bi-exclamation-circle-fill text-warning"></i></div>
                  </div>
                  <hr />
                </a>
              @break

              @case('revisi')
                <a href="{{ route('dokumen.detail', $f->id) }}">
                  <div class="single-order-status active">
                    <div class="order-icon"><i class="fa-solid fa-bag-shopping"></i></div>
                    <div class="order-text">
                      <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                    </div>
                    <div class="order-status"><i class="bi bi-exclamation-circle-fill text-warning"></i></div>
                  </div>
                  <hr />
                </a>
              @break

              @case('ditolak')
                <a href="{{ route('dokumen.detail', $f->id) }}">
                  <div class="single-order-status">
                    <div class="order-icon"><i class="fa-solid fa-bag-shopping"></i></div>
                    <div class="order-text">
                      <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                    </div>
                    <div class="order-status"><i class="bi bi-x-circle-fill text-danger"></i></div>
                  </div>
                  <hr />
                </a>
              @break

              @case('selesai')
              <a href="{{ route('dokumen.detail', $f->id) }}">

                <div class="single-order-status active">
                  <div class="order-icon"><i class="fa-solid fa-truck-fast"></i></div>
                  <div class="order-text">
                    <h6>{{ $f->form->nama }}</h6><span>Status Pengajuan Dokumen</span>
                  </div>
                  <div class="order-status"><i class="fa-solid fa-circle-check"></i></div>
                </div>
                <hr />
              </a>
            @break

              @default
            @endswitch
          @endforeach
        </div>
      </div>
    @endif
  </div>
@endsection