@extends('layouts.base', ['subtitle' => 'Quick Search'])

@section('css')
@endsection

@section('content')
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Detail Informasi Permohonan PBG</h5>
      </div>
      <div class="card-body">
        <div class="row gy-3 gx-4">
          <div class="col-md-6">
            <dl class="row mb-0">
              <dt class="col-sm-5">Nama Pemohon</dt>
              <dd class="col-sm-7">{{ $data->name }}</dd>

              <dt class="col-sm-5">Nama Pemilik</dt>
              <dd class="col-sm-7">{{ $data->owner_name }}</dd>

              <dt class="col-sm-5">Jenis Permohonan</dt>
              <dd class="col-sm-7">{{ $applicationTypes[$data->application_type] ?? '-' }}</dd>

              <dt class="col-sm-5">Kondisi</dt>
              <dd class="col-sm-7">{{ $data->condition }}</dd>

              <dt class="col-sm-5">Nomor Registrasi</dt>
              <dd class="col-sm-7">{{ $data->registration_number }}</dd>

              <dt class="col-sm-5">Nomor Dokumen</dt>
              <dd class="col-sm-7">{{ $data->document_number }}</dd>

              <dt class="col-sm-5">Status</dt>
              <dd class="col-sm-7">{{ $statusOptions[$data->status] ?? '-' }}</dd>
            </dl>
          </div>

          <div class="col-md-6">
            <dl class="row mb-0">
              <dt class="col-sm-5">Alamat</dt>
              <dd class="col-sm-7">{{ $data->address }}</dd>

              <dt class="col-sm-5">Status SLF</dt>
              <dd class="col-sm-7">{{ $data->slf_status_name }}</dd>

              <dt class="col-sm-5">Fungsi Bangunan</dt>
              <dd class="col-sm-7">{{ $data->function_type }}</dd>

              <dt class="col-sm-5">Jenis Konsultasi</dt>
              <dd class="col-sm-7">{{ $data->consultation_type }}</dd>

              <dt class="col-sm-5">Jatuh Tempo</dt>
              <dd class="col-sm-7">{{ \Carbon\Carbon::parse($data->due_date)->format('d M Y') }}</dd>

              <dt class="col-sm-5">Tanggal Dibuat</dt>
              <dd class="col-sm-7">{{ \Carbon\Carbon::parse($data->task_created_at)->format('d M Y H:i') }}</dd>
            </dl>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="col-12">
      <div class="card">
          <div class="card-header">
              <ul class="nav nav-tabs nav-justified">
                  <li class="nav-item">
                      <a href="#pbgTaskRetributions" data-bs-toggle="tab" aria-expanded="false"
                          class="nav-link active">
                          <span class="d-none d-sm-block">PBG Task Retributions</span>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a href="#pbgTaskIntegration" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
                          <span class="d-none d-sm-block">PBG Task Index Integrations</span>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a href="#pbgTaskPrasarana" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
                          <span class="d-none d-sm-block">PBG Task Prasarana</span>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a href="#pbgTaskAssignments" data-bs-toggle="tab" aria-expanded="false" class="nav-link">
                          <span class="d-none d-sm-block">Penugasan</span>
                      </a>
                  </li>
              </ul>
          </div>
          <div class="card-body">
              <div class="tab-content">
                  <div class="tab-pane active" id="pbgTaskRetributions">
                      @if ($data->pbg_task_retributions)                    
                          <div class="row">
                              <div class="col-md-6">
                                  <div class="mb-3">
                                      <dt>Luas Bangunan</dt>
                                      <dd>{{$data->pbg_task_retributions->luas_bangunan}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Lokalitas</dt>
                                      <dd>{{$data->pbg_task_retributions->indeks_lokalitas}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Wilayah SHST</dt>
                                      <dd>{{$data->pbg_task_retributions->wilayah_shst}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Kegiatan Name</dt>
                                      <dd>{{$data->pbg_task_retributions->kegiatan_name}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Nilai SHST</dt>
                                      <dd>{{$data->pbg_task_retributions->nilai_shst}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Integrasi</dt>
                                      <dd>{{$data->pbg_task_retributions->indeks_terintegrasi}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Bg Terbangun</dt>
                                      <dd>{{$data->pbg_task_retributions->indeks_bg_terbangun}}</dd>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="mb-3">
                                      <dt>Nilai Retribusi Bangunan</dt>
                                      <dd>{{$data->pbg_task_retributions->nilai_retribusi_bangunan}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Nilai Prasarana</dt>
                                      <dd>{{$data->pbg_task_retributions->nilai_prasarana}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>PBG Dokumen</dt>
                                      <dd>{{$data->pbg_task_retributions->pbg_document}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Underpayment</dt>
                                      <dd>{{$data->pbg_task_retributions->underpayment}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>SKRD Amount</dt>
                                      <dd>{{$data->pbg_task_retributions->skrd_amount}}</dd>
                                  </div>
                              </div>
                          </div>
                      @else
                          <div class="row">
                              <div class="col-md-12">
                                  Data Not Available
                              </div>
                          </div>
                      @endif
                  </div>
                  <div class="tab-pane" id="pbgTaskIntegration">
                      @if ($data->pbg_task_index_integrations)
                          <div class="row">
                              <div class="col-md-12">
                                  <div class="mb-3">
                                      <dt>Indeks Fungsi Bangunan</dt>
                                      <dd>{{$data->pbg_task_index_integrations->indeks_fungsi_bangunan}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Parameter Kompleksitas</dt>
                                      <dd>{{$data->pbg_task_index_integrations->indeks_parameter_kompleksitas}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Parameter Permanensi</dt>
                                      <dd>{{$data->pbg_task_index_integrations->indeks_parameter_permanensi}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Paramter Ketinggian</dt>
                                      <dd>{{$data->pbg_task_index_integrations->indeks_parameter_ketinggian}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Faktor Kepemilikan</dt>
                                      <dd>{{$data->pbg_task_index_integrations->faktor_kepemilikan}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Indeks Terintegrasi</dt>
                                      <dd>{{$data->pbg_task_index_integrations->indeks_terintegrasi}}</dd>
                                  </div>
                                  <div class="mb-3">
                                      <dt>Total</dt>
                                      <dd>{{$data->pbg_task_index_integrations->total}}</dd>
                                  </div>
                              </div>
                          </div>
                      @else
                          <div class="row">
                              <div class="col-md-12">
                                  Data Not Available
                              </div>
                          </div>
                      @endif
                  </div>
                  <div class="tab-pane" id="pbgTaskPrasarana">
                      <div class="row d-flex flex-warp gap-3 justify-content-center">
                          @if ($data->pbg_task_retributions && $data->pbg_task_retributions->pbg_task_prasarana)
                              @foreach ($data->pbg_task_retributions->pbg_task_prasarana as $prasarana)
                                  <div class="border p-3 rounded shadow-sm col-md-4">
                                      <div class="mb-3">
                                          <dt>Prasarana Type</dt>
                                          <dd>{{$prasarana->prasarana_type}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Building Type</dt>
                                          <dd>{{$prasarana->building_type}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Total</dt>
                                          <dd>{{$prasarana->total}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Quantity</dt>
                                          <dd>{{$prasarana->quantity}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Unit</dt>
                                          <dd>{{$prasarana->unit}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Index Prasarana</dt>
                                          <dd>{{$prasarana->index_prasarana}}</dd>
                                      </div>
                                      <div class="mb-3">
                                          <dt>Created At</dt>
                                          <dd>{{$prasarana->created_at}}</dd>
                                      </div>
                                  </div>
                              @endforeach
                          @else
                              <div class="row">
                                  <div class="col-md-12">
                                      Data Not Available
                                  </div>
                              </div>
                          @endif
                      </div>
                  </div>
                  <div class="tab-pane" id="pbgTaskAssignments">
                      <input type="hidden" id="uuid" value="{{ $data->uuid }}" />
                      <div id="table-pbg-task-assignments"></div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>

@endsection

@section('scripts')
@endsection