@extends('layouts.user_type.auth')

@section('content')
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">

        <div class="card card-success">
          <div class="card-header">
            <h3 class="card-title">Form Review Usulan Permohonan Pembayaran </h3>
          </div>
          @if (session('success'))
            <x-alert type="success" message="{{ session('success') }}" />
          @endif
          <div class="card-body">
            {{-- Tabel Detail Data --}}
            <div class="card mb-4">
              <div class="card-header">
                <h5>Detail Data Usulan</h5>
              </div>
              <div class="table-responsive">
                <table class="table align-items-center mb-0">
                  <thead>
                    <tr>
                      <th>No</th>
                      @if ($kategori && $kategori->nama_kategori_usulan === 'Premi')
                        <th>Nomor Rekening</th>
                        <th>Nama Rekening</th>
                        <th>Bank</th>
                        <th>Jumlah Bruto</th>
                        <th>PPh</th>
                        <th>PPN</th>
                        <th>Jumlah Netto</th>
                        <th>NPWP</th>
                      @else
                        <th>Deskripsi</th>
                        <th>Nomor SP2D</th>
                        <th>Tanggal SP2D</th>
                        <th>Nomor SPM</th>
                        <th>Tanggal SPM</th>
                      @endif
                      <th>Nominal Usulan</th>
                    </tr>
                  </thead>
                  <tbody>
                    @php $totalNominal = 0; @endphp
                    @forelse($details as $idx => $detail)
                      @php $totalNominal += $detail->nilai_usulan_detail; @endphp
                      <tr>
                        <td>{{ $idx + 1 }}</td>
                        @if ($kategori && $kategori->nama_kategori_usulan === 'Premi')
                          <td>{{ $detail->nomor_rekening }}</td>
                          <td>{{ $detail->nama_rekening }}</td>
                          <td>{{ $detail->bank }}</td>
                          <td>{{ formatRupiah($detail->jumlah_bruto) }}</td>
                          <td>{{ formatRupiah($detail->pph) }}</td>
                          <td>{{ formatRupiah($detail->ppn) }}</td>
                          <td>{{ formatRupiah($detail->jumlah_netto) }}</td>
                          <td>{{ $detail->npwp ?? '-' }}</td>
                        @else
                          <td>{{ $detail->deskripsi }}</td>
                          <td>{{ $detail->nomor_sp2d }}</td>
                          <td>
                            {{ $detail->tanggal_sp2d ? \Carbon\Carbon::parse($detail->tanggal_sp2d)->format('d/m/Y') : '-' }}
                          </td>
                          <td>{{ $detail->nomor_spm ?? '-' }}</td>
                          <td>
                            {{ $detail->tanggal_spm ? \Carbon\Carbon::parse($detail->tanggal_spm)->format('d/m/Y') : '-' }}
                          </td>
                        @endif
                        <td>{{ formatRupiah($detail->nilai_usulan_detail) }}</td>
                      </tr>
                    @empty
                      <tr>
                        <td colspan="12" class="text-center">Tidak ada detail usulan.</td>
                      </tr>
                    @endforelse
                  </tbody>
                  <tfoot>
                    <tr>
                      @if ($kategori && $kategori->nama_kategori_usulan === 'Premi')
                        <th colspan="8" class="text-end">Total Nominal Usulan :</th>
                      @else
                        <th colspan="5" class="text-end">Total Nominal Usulan :</th>
                      @endif
                      <th colspan="2">{{ formatRupiah($totalNominal) }}</th>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>

            {{-- Tabel Upload File --}}
            <div class="card mb-4">
              <div class="card-header">
                <h5>Upload File</h5>
              </div>
              <div class="table-responsive">
                <table class="table align-items-center mb-0" id="tabel-file-review">
                  <thead>
                    <tr>
                      <th>No</th>
                      <th>File SP2D</th>
                      <th>File SPM</th>
                      <th>File Dokumen Pendukung</th>
                    </tr>
                  </thead>
                  <tbody>
                    @php
                      $filesByCategory = \App\Models\ModelFile::where('usulan_pemohon_id', $usulan->id)
                        ->get()
                        ->groupBy('file_category');
                    @endphp

                    @if ($filesByCategory->count() > 0)
                      @php $no = 1; @endphp
                      @foreach ($filesByCategory as $categoryName => $files)
                        <tr>
                          <td>{{ $no }}</td>
                          @php
                            $fileSuratPermohonan = $files->firstWhere('file_category', 'surat_permohonan_kpa  ');
                            $fileSp2d = $files->firstWhere('file_category', 'SP2D');
                            $fileSpm = $files->firstWhere('file_category', 'SPM');
                            $fileDokumen = $files->firstWhere('file_category', 'dokumen_pendukung');
                          @endphp
                          {{-- File Surat Permohonan --}}
                          <td>
                            @if ($fileSuratPermohonan)
                              <a href="{{ asset('storage/' . $fileSuratPermohonan->file_path) }}" target="_blank"
                                class="btn btn-sm btn-info">
                                <i class="fas fa-download"></i> {{ $fileSuratPermohonan->file_name }}
                              </a>
                            @else
                              <span class="text-muted">-</span>
                            @endif
                          </td>
                          {{-- File SP2D --}}
                          <td>
                            @if ($fileSp2d)
                              <a href="{{ asset('storage/' . $fileSp2d->file_path) }}" target="_blank"
                                class="btn btn-sm btn-info">
                                <i class="fas fa-download"></i> {{ $fileSp2d->file_name }}
                              </a>
                            @else
                              <span class="text-muted">-</span>
                            @endif
                          </td>
                          {{-- File SPM --}}
                          <td>
                            @if ($fileSpm)
                              <a href="{{ asset('storage/' . $fileSpm->file_path) }}" target="_blank"
                                class="btn btn-sm btn-info">
                                <i class="fas fa-download"></i> {{ $fileSpm->file_name }}
                              </a>
                            @else
                              <span class="text-muted">-</span>
                            @endif
                          </td>
                          {{-- File Dokumen Pendukung --}}
                          <td>
                            @if ($fileDokumen)
                              <a href="{{ asset('storage/' . $fileDokumen->file_path) }}" target="_blank"
                                class="btn btn-sm btn-info">
                                <i class="fas fa-download"></i> {{ $fileDokumen->file_name }}
                              </a>
                            @else
                              <span class="text-muted">-</span>
                            @endif
                          </td>
                        </tr>
                        @php $no++; @endphp
                      @endforeach
                    @else
                      <tr>
                        <td colspan="4" class="text-center text-muted">Tidak ada file yang diupload.</td>
                      </tr>
                    @endif
                  </tbody>
                </table>
              </div>
            </div>

            {{-- Checklist Verifikasi Kelengkapan Surat --}}
            <div class="card mb-4">
              <div class="card-header">
                <h5>Checklist Verifikasi Kelengkapan Surat</h5>
              </div>
              <div class="table-responsive">
                <form id="form-checklist-verifikasi" method="POST" action="#">
                  @csrf
                  <table class="table table-bordered mb-0" id="tabel-checklist-verifikasi">
                    <thead>
                      <tr>
                        <th style="width:40px;">No.</th>
                        <th>Kelengkapan Surat Perintah</th>
                        <th style="width:80px;">Sesuai/Ada</th>
                        <th style="width:80px;">Tidak Sesuai</th>
                      </tr>
                    </thead>
                    <tbody>
                      @if(
                        strtolower($kategori->nama_kategori_usulan ?? '') === 'pra bencana' ||
                        strtolower($kategori->nama_kategori_usulan ?? '') === 'pasca bencana'
                      )
                        <tr>
                          <td>1</td>
                          <td>Surat Permohonan (dari KPA)</td>
                          <td class="text-center"><input type="checkbox" name="check_surat_permohonan"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_surat_permohonan"></td>
                        </tr>
                        <tr>
                          <td>2</td>
                          <td>SP2D</td>
                          <td class="text-center"><input type="checkbox" name="check_sp2d"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_sp2d"></td>
                        </tr>
                        <tr>
                          <td>3</td>
                          <td>SPM</td>
                          <td class="text-center"><input type="checkbox" name="check_spm"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_spm"></td>
                        </tr>
                        <tr>
                          <td>4</td>
                          <td>Dokumen Pendukung</td>
                          <td class="text-center"><input type="checkbox" name="check_dokumen"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_dokumen"></td>
                        </tr>
                      @else
                        <tr>
                          <td>1</td>
                          <td>Surat Permohonan (dari KPA)</td>
                          <td class="text-center"><input type="checkbox" name="check_surat_permohonan"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_surat_permohonan"></td>
                        </tr>
                        <tr>
                          <td>2</td>
                          <td>Salinan Polis Asuransi</td>
                          <td class="text-center"><input type="checkbox" name="check_polis"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_polis"></td>
                        </tr>
                        <tr>
                          <td>3</td>
                          <td>Penulisan/pengisian jumlah angka dan huruf</td>
                          <td class="text-center"><input type="checkbox" name="check_jumlah"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_jumlah"></td>
                        </tr>
                        <tr>
                          <td>4</td>
                          <td>Ketersediaan dana</td>
                          <td class="text-center"><input type="checkbox" name="check_dana"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_dana"></td>
                        </tr>
                        <tr>
                          <td>5</td>
                          <td>Salinan DIPA Petikan</td>
                          <td class="text-center"><input type="checkbox" name="check_dipa"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_dipa"></td>
                        </tr>
                        <tr>
                          <td>6</td>
                          <td>Surat DJKN mengenai daftar penetapan kebutuhan biaya pembayaran premi BMN yang didanai Dana Bersama</td>
                          <td class="text-center"><input type="checkbox" name="check_djkn"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_djkn"></td>
                        </tr>
                        <tr>
                          <td>7</td>
                          <td>Ketepatan waktu penyampaian permohonan (paling lama 15 hari kalender sebelum jatuh tempo pembayaran polis)</td>
                          <td class="text-center"><input type="checkbox" name="check_ketepatan"></td>
                          <td class="text-center"><input type="checkbox" name="uncheck_ketepatan"></td>
                        </tr>
                      @endif
                    </tbody>
                  </table>
                </form>
              </div>
            </div>

            {{-- Card Komentar/Review --}}
            <div class="card">
              <div class="card-header">
                <h5>Review & Komentar</h5>
                @if ($review)
                  <small class="text-muted">Review terakhir: {{ $review->created_at->format('d/m/Y H:i') }} oleh
                    {{ $review->user->name ?? 'Unknown' }}</small>
                @endif
              </div>
              <div class="card-body">
                <form action="{{ route('review-permohonan.kirim', $usulan->id) }}" method="POST">
                  @csrf
                  <div class="mb-3">
                    <label for="komentar" class="form-label">Catatan Reviewer (Opsional)</label>
                    <textarea name="komentar" id="komentar" class="form-control" rows="3"
                      placeholder="Berikan komentar atau catatan jika ada">{{ $review ? $review->komentar : '' }}</textarea>
                  </div>
                  <div class="mb-3">
                    <label for="status_review" class="form-label">Status Review</label>
                    <select name="status_review" id="status_review" class="form-control" required>
                      <option value="">-- Pilih Status --</option>
                      <option value="disetujui"
                        {{ $review && $review->status_review === 'disetujui' ? 'selected' : '' }}>Disetujui</option>
                      <option value="ditolak" {{ $review && $review->status_review === 'ditolak' ? 'selected' : '' }}>
                        Ditolak</option>
                      <option value="perlu_revisi"
                        {{ $review && $review->status_review === 'perlu_revisi' ? 'selected' : '' }}>Perlu Revisi
                      </option>
                    </select>
                  </div>
                  <button type="submit" class="btn btn-success">Kirim & Ajukan SPRINT</button>
                  <a href="{{ route('review-permohonan') }}" class="btn btn-secondary">Kembali</a>
                </form>
              </div>
            </div>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </div>
@endsection

@push('scripts')
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const checkboxes = document.querySelectorAll('.checkbox-verifikasi');

      checkboxes.forEach(checkbox => {
        checkbox.addEventListener('change', function() {
          const fileId = this.id;
          const category = this.getAttribute('data-category');
          const isChecked = this.checked;

          // Update status verifikasi
          fetch(`/review-permohonan/verify-file`, {
            method: 'POST',
            headers: {
              'Content-Type': 'application/json',
              'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
            },
            body: JSON.stringify({
              usulan_id: {{ $usulan->id }},
              category: category,
              is_verified: isChecked
            })
          })
          .then(response => response.json())
          .then(data => {
            if (data.success) {
              Swal.fire({
                icon: 'success',
                title: 'Berhasil!',
                text: 'Verifikasi file berhasil diupdate',
                timer: 1500
              });
            } else {
              Swal.fire({
                icon: 'error',
                title: 'Gagal!',
                text: data.message || 'Terjadi kesalahan'
              });
              this.checked = !isChecked;
            }
          })
          .catch(error => {
            console.error('Error:', error);
            this.checked = !isChecked;
          });
        });
      });
    });
  </script>
@endpush