@extends('master')
@section('title', 'Penyerahan PSU Perumahan')
@section('header-konten')
    <div class="page-header page-header-light shadow">
        <div class="page-header-content d-lg-flex">
            <div class="d-flex">
                <h4 class="page-title mb-0">
                    Halaman - <span class="fw-normal">Penyerahan PSU Perumahan</span>
                </h4>

                <a href="#page_header"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>

        <div class="page-header-content d-lg-flex border-top">
            <div class="d-flex">
                <div class="breadcrumb py-2">
                    <a href="index.html" class="breadcrumb-item"><i class="ph-house"></i></a>
                    <a href="{{ url('/perumahan') }}" class="breadcrumb-item">Perumahan</a>
                    <span class="breadcrumb-item active">Penyerahan PSU Perumahan</span>
                </div>

                <a href="#breadcrumb_elements"
                    class="btn btn-light align-self-center collapsed d-lg-none border-transparent rounded-pill p-0 ms-auto"
                    data-bs-toggle="collapse">
                    <i class="ph-caret-down collapsible-indicator ph-sm m-1"></i>
                </a>
            </div>
        </div>
    </div>
    @include('perumahan.detail.head')
@endsection

@section('konten')
    <div class="card">
        <div class="card-header d-sm-flex">
            <h5 class="mb-0">Penyerahan PSU Perumahan</h5>
            @php
                $tambah = explode(',', Auth::user()->role->tambah);
            @endphp
            @if (in_array('32', $tambah))
                <div class="mt-2 mt-sm-0 ms-auto">
                    <button href="#" class="btn btn-primary" data-bs-toggle="modal"
                        data-bs-target="#modal_form_tambah"><i class="ph-plus"></i>&nbsp;Serah PSU
                    </button>
                </div>
            @endif
        </div>

        <table class="table datatable-basic table-bordered table-striped table-hover">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Nomor Surat</th>
                    <th>Tempat & Tanggal Lahir</th>
                    <th>Nama Pemohon</th>
                    <th>PSU</th>
                    <th>Status Serah</th>
                    @php
                        $ubah = explode(',', Auth::user()->role->ubah);
                        $hapus = explode(',', Auth::user()->role->hapus);
                    @endphp
                    {{-- @if (in_array('32', $ubah) | in_array('32', $hapus)) --}}
                    <th class="text-center">Aksi</th>
                    {{-- @endif --}}
                </tr>
            </thead>
            <tbody>
                @php
                    $i = 1;
                @endphp
                @foreach ($dataSerah as $dt)
                    <tr>
                        <td>{{ $i }}</td>
                        <td>{{ $dt->no_surat }}</td>
                        <td>{{ $dt->ttl }}</td>
                        <td>{{ $dt->nama_pemohon }}</td>
                        <td>{{ $dt->my_psu->jenis_psu }}-{{ $dt->my_psu->detail_psu }}</td>
                        <td>
                            @if ($dt->my_psu->status_serah == 'Belum')
                                <span
                                    class="badge bg-danger bg-opacity-10 text-danger">{{ $dt->my_psu->status_serah }}</span>
                            @elseif ($dt->my_psu->status_serah == 'Proses')
                                <span
                                    class="badge bg-warning bg-opacity-10 text-warning">{{ $dt->my_psu->status_serah }}</span>
                            @elseif ($dt->my_psu->status_serah == 'Telah Diserahkan')
                                <span
                                    class="badge bg-success bg-opacity-10 text-success">{{ $dt->my_psu->status_serah }}</span>
                            @else
                                <span
                                    class="badge bg-danger bg-opacity-10 text-danger">{{ $dt->my_psu->status_serah }}</span>
                            @endif
                        </td>
                        <td class="text-center">
                            <div class="d-inline-flex">
                                <div class="dropdown">
                                    <a href="#" class="text-body" data-bs-toggle="dropdown">
                                        <i class="ph-list"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <button data-bs-toggle="modal" onclick="detail_dokumen(`{{ $dt->id_psu }}`);"
                                            class="dropdown-item">
                                            <i class="ph-file me-2"></i>
                                            Detail
                                        </button>
                                        @if (in_array('32', $ubah))
                                            <button data-bs-toggle="modal"
                                                onclick="edit({{ $dt->id_perumahan }},{{ $dt->id_serah_psu }},'{{ $dt->no_surat }}','{{ $dt->ttl }}','{{ $dt->nama_pemohon }}','{{ $dt->jabatan_pemohon }}','{{ $dt->alamat_pemohon }}','{{ $dt->notelp_pemohon }}','{{ $dt->id_psu }}', '{{ $dt->my_psu->id_psu }}', '{{ $dt->my_psu->jenis_psu }}', '{{ $dt->my_psu->detail_psu }}', '{{ $dt->is_verif }}')"
                                                class="dropdown-item">
                                                <i class="ph-note-pencil me-2"></i>
                                                Edit
                                            </button>
                                        @endif
                                        @if (in_array('32', $hapus))
                                            <button
                                                onclick="hapus('{{ $data->perumahan }}',{{ $dt->id_perumahan }},{{ $dt->id_serah_psu }},'{{ $dt->no_surat }}','{{ $dt->ttl }}','{{ $dt->nama_pemohon }}','{{ $dt->jabatan_pemohon }}','{{ $dt->alamat_pemohon }}','{{ $dt->notelp_pemohon }}','{{ $dt->psu_serah }}','{{ $dt->fc_ktp }}','{{ $dt->fc_akta }}','{{ $dt->fc_spt_pbb }}','{{ $dt->siteplan_terakhir }}','{{ $dt->tabulasi_psu }}','{{ $dt->fc_sertifpsu }}','{{ $dt->dokumentasi_eksisting }}','{{ $dt->dokumen_makam }}','{{ $dt->surat_pelepasan }}','{{ $dt->file_upload_surat }}')"
                                                class="dropdown-item">
                                                <i class="ph-trash me-2"></i>
                                                Hapus
                                            </button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @php
                        $i++;
                    @endphp
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('modal')
    @php
        $tambah = explode(',', Auth::user()->role->tambah);
        $ubah = explode(',', Auth::user()->role->ubah);
        $hapus = explode(',', Auth::user()->role->hapus);
    @endphp
    @if (in_array('32', $tambah))
        <div id="modal_form_tambah" class="modal fade" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Form Surat Permohonan Penyerahan PSU</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <form action="{{ url('/perumahan/psu/serah') }}" method="POST" class="form-horizontal"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="perumahan_lama" value="{{ $data->perumahan }}">
                        <input type="hidden" id="id_perumahan" name="id_perumahan" value="{{ $data->id_perumahan }}">
                        <div class="modal-body">
                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Nomor Surat</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="no_surat" name="no_surat" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Tempat & Tanggal Surat</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="ttl" name="ttl" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Nama Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="nama_pemohon" name="nama_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Jabatan Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="jabatan_pemohon" name="jabatan_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Alamat Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="alamat_pemohon" name="alamat_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">No. Telp Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="notelp_pemohon" name="notelp_pemohon" placeholder=""
                                                class="form-control" minlength="10" maxlength="13" min="0">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-12">
                                    <label class="col-form-label">PSU yang akan diserahkan</label>
                                    <div class="row mb-3">
                                        <div class="col-sm-12" id="psu_serah_pil">
                                            <select data-placeholder="Pilih PSU..." class="form-control select"
                                                data-dropdown-parent="#psu_serah_pil" id="psu_serah" name="psu_serah">
                                                <option></option>
                                                @foreach ($psu as $ps)
                                                    @if (!$ps->psu_telah_serah)
                                                        <option value="{{ $ps->id_psu }}">
                                                            {{ $ps->jenis_psu }} | {{ $ps->detail_psu }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy KTP</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_ktp" name="fc_ktp" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy Akta Pendirian Badan Usaha / Badan Hukum</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_akta" name="fc_akta" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy SPT PBB Terakhir</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_spt_pbb" name="fc_spt_pbb" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Siteplan Terakhir</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="siteplan_terakhir" name="siteplan_terakhir" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Tabulasi hasil pengukuran PSU</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="tabulasi_psu" name="tabulasi_psu" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Dokumentasi Kondisi Eksisting</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="dokumentasi_eksisting" name="dokumentasi_eksisting" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Dokumen Makam</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="dokumen_makam" name="dokumen_makam" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Surat Pernyataan Pelepasan PSU Mutlak Bermaterai</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="surat_pelepasan" name="surat_pelepasan" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- <div class="row mb-3">
                                <div class="col-lg-6 isVerif" style="display: none;">
                                    <label class="col-form-label">BAST Fisik</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="bast_fisik" name="bast_fisik" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 isVerif" style="display: none;">
                                    <label class="col-form-label">BAST Administrasi</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="bast_administrasi" name="bast_administrasi" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div> --}}

                            <div class="row mb-3">
                                <div class="col-lg-12" id="addRemove">
                                    <label class="col-form-label">Fotocopy Sertifikat PSU</label>
                                    <div class="row mb-2">
                                        <div class="col-sm-6">
                                            <input type="file" id="fc_sertifpsu" name="fc_sertifpsu[0][0]" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" id="add" name="add" class="btn btn-outline-primary">
                                                <i class="ph-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-sm-12">
                                    <label class="form-label">Catatan: <span style="color: red">Berkas yang tidak wajib
                                            diunggah harus dilengkapi ketika verifikasi</span></label>
                                </div>
                            </div>

                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
    @if (in_array('32', $ubah))
        <div id="modal_form_update" class="modal fade" tabindex="-1">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Form Update Dokumen</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <form action="{{ url('/perumahan/psu/serah/update') }}" method="POST" class="form-horizontal"
                        enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="perumahan_lama" value="{{ $data->perumahan }}">
                        <input type="hidden" id="idperumahan" name="id_perumahan">
                        <input type="hidden" id="idserah_psu" name="id_serah_psu">
                        <div class="modal-body">
                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Nomor Surat</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="no_surat_ubah" name="no_surat" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Tempat & Tanggal Surat</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="ttl_ubah" name="ttl" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Nama Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="nama_pemohon_ubah" name="nama_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Jabatan Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="jabatan_pemohon_ubah" name="jabatan_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Alamat Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="alamat_pemohon_ubah" name="alamat_pemohon" placeholder=""
                                                class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">No. Telp Pemohon</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="text" id="notelp_pemohon_ubah" name="notelp_pemohon" placeholder=""
                                                class="form-control" minlength="10" maxlength="13" min="0">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-12">
                                    <label class="col-form-label">PSU yang akan diserahkan</label>
                                    <div class="row mb-3">
                                        <div class="col-sm-12" id="psu_serah_pil_ubah">
                                            <select data-placeholder="Pilih PSU..." class="form-control select"
                                                data-dropdown-parent="#psu_serah_pil_ubah" id="psu_serah_ubah" name="psu_serah">
                                                <option></option>
                                                @foreach ($psu as $ps)
                                                    @if (!$ps->psu_telah_serah)
                                                        <option value="{{ $ps->id_psu }}">
                                                            {{ $ps->jenis_psu }} | {{ $ps->detail_psu }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy KTP</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_ktp_ubah" name="fc_ktp" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy Akta Pendirian Badan Usaha / Badan Hukum</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_akta_ubah" name="fc_akta" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Fotocopy SPT PBB Terakhir</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="fc_spt_pbb_ubah" name="fc_spt_pbb" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Siteplan Terakhir</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="siteplan_terakhir_ubah" name="siteplan_terakhir" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Tabulasi hasil pengukuran PSU</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="tabulasi_psu_ubah" name="tabulasi_psu" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Dokumentasi Kondisi Eksisting</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="dokumentasi_eksisting_ubah" name="dokumentasi_eksisting" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6">
                                    <label class="col-form-label">Dokumen Makam</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="dokumen_makam_ubah" name="dokumen_makam" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label class="col-form-label">Surat Pernyataan Pelepasan PSU Mutlak Bermaterai</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="surat_pelepasan_ubah" name="surat_pelepasan" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-6 isVerif" style="display: none;">
                                    <label class="col-form-label">BAST Fisik</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="bast_fisik_ubah" name="bast_fisik" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 isVerif" style="display: none;">
                                    <label class="col-form-label">BAST Administrasi</label>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <input type="file" id="bast_administrasi_ubah" name="bast_administrasi" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-12" id="addRemoveUpd">
                                    <label class="col-form-label">Fotocopy Sertifikat PSU</label>
                                    <div class="row mb-2">
                                        <div class="col-sm-6">
                                            <input type="file" id="fc_sertifpsu_ubah" name="fc_sertifpsu[0][0]" placeholder="" class="form-control"
                                                accept=".pdf">
                                            <div class="form-text text-muted">(.pdf)</div>
                                        </div>
                                        <div class="col-sm-3">
                                            <button type="button" id="addUpd" name="add" class="btn btn-outline-primary">
                                                <i class="ph-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-sm-12">
                                    <label class="form-label">Catatan: <span style="color: red">Berkas yang tidak wajib
                                            diunggah harus dilengkapi ketika verifikasi</span></label>
                                </div>
                            </div>

                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
    @if (in_array('32', $hapus))
        <div id="modal_form_hapus" class="modal fade" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-danger text-white border-0">
                        <h6 class="modal-title">Hapus Penyerahan PSU</h6>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>

                    <div class="modal-body">
                        <h6 class="fw-semibold">
                            Apakah anda yakin untuk menghapus penyerahan PSU no. <strong><span id="namadelete"></strong></span>?
                        </h6>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal">Batal</button>
                        <form id="form_hapus">
                            <input type="hidden" id="idserah_psu_hapus" name="id_serah_psu">
                            <input type="hidden" id="perumahan_lama" name="perumahan_lama">
                            <input type="hidden" id="no_surat_lama" name="no_surat">
                            <button type="submit" class="btn btn-danger">Iya</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div id="modal_dokumen" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Dokumen Serah Terima PSU</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <form action="{{ route('verifikasiSerahPsu') }}" method="POST" class="form-horizontal"
                    enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id_psune" id="id_psune">
                    <table class="table table-striped table-row-bordered border rounded align-middle gs-0 gy-4">
                        <thead>
                            <tr>
                                <th class="text-center">Nama Dokumen</th>
                                <th class="text-center">Download</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Fotocopy KTP</td>
                                <td class="text-center" id="f_ktp"></td>
                            </tr>
                            <tr>
                                <td>Fotocopy Akta Pendirian Badan Usaha / Badan Hukum</td>
                                <td class="text-center" id="f_akta"></td>
                            </tr>
                            <tr>
                                <td>Fotocopy SPT PBB Terakhir</td>
                                <td class="text-center" id="f_spt"></td>
                            </tr>
                            <tr>
                                <td>Siteplan Terakhir</td>
                                <td class="text-center" id="f_siteplan"></td>
                            </tr>
                            <tr>
                                <td>Tabulasi hasil pengukuran PSU</td>
                                <td class="text-center" id="f_pengukur"></td>
                            </tr>
                            <tr>
                                <td>Dokumentasi Kondisi Eksisting</td>
                                <td class="text-center" id="f_kondisi_eks"></td>
                            </tr>
                            <tr>
                                <td>Dokumen Makam</td>
                                <td class="text-center" id="f_makam"></td>
                            </tr>
                            <tr>
                                <td>Surat Pernyataan Pelepasan PSU Mutlak Bermaterai</td>
                                <td class="text-center" id="f_pelepasan"></td>
                            </tr>
                            <tr class="isVerif" style="display: none;">
                                <td>BAST Fisik</td>
                                <td class="text-center" id="f_bast_fisik"></td>
                            </tr>
                            <tr class="isVerif" style="display: none;">
                                <td>BAST Administrasi</td>
                                <td class="text-center" id="f_bast_admin"></td>
                            </tr>
                        </tbody>
                    </table>

                    <table class="table table-striped table-row-bordered border rounded align-middle gs-0 gy-4">
                        <thead>
                            <tr>
                                <th colspan="2" class="text-center">
                                    <h3>Sertifikat</h3>
                                </th>
                            </tr>
                            <tr>
                                <th class="text-center">Nama File</th>
                                <th class="text-center">Download</th>
                            </tr>
                        </thead>
                        <tbody class="bodySertif">
                        </tbody>
                    </table>

                    <div class="modal-footer">
                        <div class="isVerif" style="display: none;">
                            <div class="text-center">
                                    <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                                    <button type="submit" class="btn btn-primary">Batal Verifikasi</button>
                            </div>
                        </div>

                        <div class="notVerif" style="display: none;">
                            <div class="text-center">
                                <button type="button" class="btn btn-link" data-bs-dismiss="modal">Tutup</button>
                                <button type="submit" class="btn btn-primary">Verifikasi</button>
                            </div>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function edit(id_perumahan, id_serah_psu, no_surat, ttl, nama_pemohon, jabatan_pemohon, alamat_pemohon,
            notelp_pemohon, psu_serah, my_psu_id, my_psu_jenis, my_psu_detail, isVerif) {
            $('#idperumahan').val(id_perumahan);
            $('#idserah_psu').val(id_serah_psu);
            $('#no_surat_ubah').val(no_surat);
            $('#ttl_ubah').val(ttl);
            $('#nama_pemohon_ubah').val(nama_pemohon);
            $('#jabatan_pemohon_ubah').val(jabatan_pemohon);
            $('#alamat_pemohon_ubah').val(alamat_pemohon);
            $('#notelp_pemohon_ubah').val(notelp_pemohon);

            var newOption = new Option(my_psu_jenis + '|' + my_psu_detail, my_psu_id, false, false);
            $('#psu_serah_ubah').append(newOption).trigger('change');
            $('#psu_serah_ubah').val(psu_serah).trigger('change');

            if (isVerif == 1) {
                $('.isVerif').show();
            } else {
                $('.isVerif').hide();
            }

            $('#modal_form_update').modal('show');
        }
    </script>

    <script>
        function hapus(perumahan, id_perumahan, id_serah_psu, no_surat, ttl, nama_pemohon, jabatan_pemohon, alamat_pemohon,
            notelp_pemohon, psu_serah, fc_ktp, fc_akta,
            fc_spt_pbb, siteplan_terakhir, tabulasi_psu, fc_sertifpsu, dokumentasi_eksisting, dokumen_makam,
            surat_pelepasan,
            bast_fisik, bast_administrasi, file_upload_surat) {
            $('#form_hapus').attr('action', {!! json_encode(url('/perumahan/psu/serah/hapus/')) !!} + '/' + id_serah_psu);
            $('#idserah_psu_hapus').val(id_serah_psu);
            $('#no_surat_lama').val(no_surat);
            $('#perumahan_lama').val(perumahan);
            $('#namadelete').text(no_surat);
            $('#modal_form_hapus').modal('show');
        }
    </script>
    <script>
        var i = 0;
        $("#add").click(function () {
            ++i;
            $("#addRemove").append('<div class="row psu_add mb-2"><div class="col-sm-6"> <input type="file" name="fc_sertifpsu['+ i +'][0]" class="form-control"' +
                'accept=".pdf"> <div class="form-text text-muted">(.pdf)</div> </div> <div class="col-sm-3">' +
                '<button type="button" class="btn btn-outline-danger remove-input-field"> <i class="ph-minus"></i>' +
                '</button> </div></div>'
                );
        });
        $(document).on('click', '.remove-input-field', function () {
            $(this).parents('.psu_add').remove();
        });
    </script>
    <script>
        var j = 0;
        $("#addUpd").click(function () {
            ++j;
            $("#addRemoveUpd").append('<div class="row psu_add_upd mb-2"><div class="col-sm-6"> <input type="file" name="fc_sertifpsu['+ j +'][0]" class="form-control"' +
                'accept=".pdf"> <div class="form-text text-muted">(.pdf)</div> </div> <div class="col-sm-3">' +
                '<button type="button" class="btn btn-outline-danger remove-input-field-upd"> <i class="ph-minus"></i>' +
                '</button> </div></div>'
                );
        });
        $(document).on('click', '.remove-input-field-upd', function () {
            $(this).parents('.psu_add_upd').remove();
        });
    </script>
    <script>
        const detail_dokumen = (id_psu) => {
            $('#id_psune').val(id_psu);
            var detUrl = "{{ url('perumahan/psu/detail/') }}/" + id_psu;
            $.get(detUrl, function(res) {
                if (res.psu.psu_telah_serah != null) {
                    var url_downlaod = "{{ url('/perumahan/serah_psu_download') }}/" + id_psu;
                    if (res.psu.psu_telah_serah.fc_ktp != null) {
                        $('#f_ktp').html(`
                            <a href="${url_downlaod+'/FKTP'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.fc_akta != null) {
                        $('#f_akta').html(`
                            <a href="${url_downlaod+'/FAKTA'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.fc_spt_pbb != null) {
                        $('#f_spt').html(`
                            <a href="${url_downlaod+'/FSPT'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.siteplan_terakhir != null) {
                        $('#f_siteplan').html(`
                            <a href="${url_downlaod+'/FSITEPLAN'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.tabulasi_psu != null) {
                        $('#f_pengukur').html(`
                            <a href="${url_downlaod+'/FPENGUKUR'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.dokumentasi_eksisting != null) {
                        $('#f_kondisi_eks').html(`
                            <a href="${url_downlaod+'/FKONDISI'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.dokumen_makam != null) {
                        $('#f_makam').html(`
                            <a href="${url_downlaod+'/FMAKAM'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }
                    if (res.psu.psu_telah_serah.surat_pelepasan != null) {
                        $('#f_pelepasan').html(`
                            <a href="${url_downlaod+'/FPELEPASAN'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                <i class="ph-file-arrow-down me-2"></i>
                            </a>
                        `);
                    }

                    if (res.psu.psu_telah_serah.is_verif == 1) {
                        $('.notVerif').hide();
                        $('.isVerif').show();
                        if (res.psu.psu_telah_serah.bast_fisik != null) {
                            $('#f_bast_fisik').html(`
                                <a href="${url_downlaod+'/FBASTFISIK'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                    <i class="ph-file-arrow-down me-2"></i>
                                </a>
                            `);
                        }
                        if (res.psu.psu_telah_serah.bast_administrasi != null) {
                            $('#f_bast_admin').html(`
                                <a href="${url_downlaod+'/FBASTADMIN'}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                    <i class="ph-file-arrow-down me-2"></i>
                                </a>
                            `);
                        }
                    } else {
                        $('.isVerif').hide();
                        $('.notVerif').show();
                    }

                    $('.bodySertif').empty();
                    if (res.sertif.length > 0) {
                        var stringe = '';
                        res.sertif.forEach(el => {
                            var url_downlaod = "{{ url('storage/files/perumahan/') }}/" + res.psu
                                .id_perumahan + '/dokumen/' + el.file_sertif;
                            stringe += `<tr>
                                <td>${el.file_sertif}</td>
                                <td class="text-center">
                                    <a href="${url_downlaod}" type="button" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Download Berkas">
                                        <i class="ph-file-arrow-down me-2"></i>
                                    </a>
                                </td> 
                            </tr>`;
                        });

                        $('.bodySertif').append(stringe);
                    } else {
                        $('.bodySertif').append(
                            '<tr> <td colspan="2" class="text-center">Data tidak ditemukan</td> </tr>');
                    }
                }
            });
            $('#modal_dokumen').modal('show');
        }
    </script>

    <script>
        $('.datatable-basic').DataTable({
            autoWidth: false,
            dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
            language: {
                search: '<span class="me-3">Pencarian:</span> <div class="form-control-feedback form-control-feedback-end flex-fill">_INPUT_<div class="form-control-feedback-icon"><i class="ph-magnifying-glass opacity-50"></i></div></div>',
                searchPlaceholder: 'Kata kunci...',
                emptyTable: 'Tidak ada data yang tersedia di tabel',
                zeroRecords: 'Tidak ada data yang cocok untuk ditemukan',
                lengthMenu: '<span class="me-3">Tunjukkan:</span> _MENU_',
                paginate: {
                    'first': 'First',
                    'last': 'Last',
                    'next': document.dir == "rtl" ? '&larr;' : '&rarr;',
                    'previous': document.dir == "rtl" ? '&rarr;' : '&larr;'
                }
            }
        });
    </script>

    @include('my_components.alertToast')
@endsection