@extends('layouts.main')

@section('breadcrumbs')
    {{-- {{ Breadcrumbs::render(request()->route()->getName()) }}
     --}}
    Standard
@endsection

@section('content')
    @include('lpj::assetsku.includenya')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        <div class="card min-w-full">
            <div class="card min-w-full">
                <div class="card-header">
                    <h3 class="card-title">
                        Data Jaminan
                    </h3>
                    <div class="flex items-center gap-2">
                        <a href="{{ route('penilai.show', $permohonan->id) }}" class="btn btn-xs btn-info">
                            <i class="ki-filled ki-exit-left"></i> Back
                        </a>
                    </div>
                </div>
                <div class="card-body grid gap-5 grid-cols-2">
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Nama Debitur</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            @if (isset($permohonan->debiture))
                                <p class="text-2sm text-gray-700">{{ $permohonan->debiture->name }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Alamat Object</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            @foreach ($permohonan->debiture->documents as $dokumen)
                                <span class="text-2sm text-gray-700">
                                    {{ formatAlamat($dokumen->pemilik) }}
                                    {{ formatAlamat($dokumen->pemilik) }}
                                </span>
                            @endforeach
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Nomor Registrasi</label>
                        <div class="flex flex-wrap items-base line w-full">
                            <p class="text-2sm text-gray-700">{{ $permohonan->nomor_registrasi }}</p>
                        </div>
                    </div>

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Cab/Direktorat</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            @if (isset($permohonan->branch))
                                <p class="text-2sm text-gray-700">{{ $permohonan->branch->name }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Nomor Laporan</label>
                        <div class="flex flex-wrap items-base line w-full">
                            <p class="text-2sm text-gray-700">{{ $permohonan->nomor_registrasi }}</p>
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">AO</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            @if (isset($permohonan->user))
                                <p class="text-2sm text-gray-700">{{ $permohonan->user->name }}</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Identitas Cadeb/Debitur
                </h3>
            </div>
            <div class="card-body grid gap-2.5 w-full">

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">Nama</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <span>
                            @if (isset($permohonan->debiture))
                                <p class="text-2sm text-gray-700">{{ $permohonan->debiture->name }}</p>
                            @endif
                        </span>
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">Perwakilan Cadeb/Debitur Di lokasi</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <span>
                            {{ $forminspeksi['asset']['debitur_perwakilan'][0] ?? '' }}
                        </span>
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">Pihak Bank Selain Appraisal</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <span></span>
                    </div>
                </div>

            </div>
        </div>


        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Deskripsi dan Alamat Aset
                </h3>
            </div>
            <div class="card-body grid gap-2.5 w-full">
                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    <label class="form-label max-w-56">Jenis Asset</label>
                    @php
                        $statusKey = isset($forminspeksi['asset']['jenis_asset']['sesuai']) ? 'sesuai' : 'tidak sesuai';
                        $selectedValue = $forminspeksi['asset']['jenis_asset'][$statusKey] ?? null;
                    @endphp
                    <div class="flex flex-wrap items-baseline w-full">
                        <span>{{ $selectedValue }}</span>
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                    @php
                        $statusKey = isset($forminspeksi['asset']['alamat']['sesuai']) ? 'sesuai' : 'tidak sesuai';
                        $selectedValue = $forminspeksi['asset']['alamat'][$statusKey] ?? null;
                    @endphp
                    <label class="form-label max-w-56">Terletak di</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <span>{{ $selectedValue['address'] ?? '' }}</span>
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                    <label for="province" class="form-label max-w-56">Provinsi</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <input type="text" id="province" class="input w-full cursor-not-allowed" readonly
                            value="{{ isset($permohonan->debiture->province) ? $permohonan->debiture->province->name : '' }}">
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                    <label for="city" class="form-label max-w-56">Kabupaten/Kota</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <input type="text" id="city" class="input w-full cursor-not-allowed" readonly
                            value="{{ isset($permohonan->debiture->city) ? $permohonan->debiture->city->name : '' }}">
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                    <label for="district" class="form-label max-w-56">Kecamatan</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <input type="text" id="district" class="input w-full cursor-not-allowed" readonly
                            value="{{ isset($permohonan->debiture->district) ? $permohonan->debiture->district->name : '' }}">
                    </div>
                </div>

                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                    <label for="village" class="form-label max-w-56">Desa/Kelurahan</label>
                    <div class="flex flex-wrap items-baseline w-full">
                        <input type="text" id="village" class="input w-full cursor-not-allowed" readonly
                            value="{{ isset($permohonan->debiture->village) ? $permohonan->debiture->village->name : '' }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    dokumen
                </h3>
            </div>
            <div class="card-body">
                <div data-accordion="true">
                    @foreach ($permohonan->debiture->documents as $dokumen)
                        <div class="accordion-item [&:not(:last-child)]:border-b border-b-gray-200"
                            data-accordion-item="true" id="accordion_detail_jaminan">
                            <button class="accordion-toggle py-4 group "
                                data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index }}">
                                <span class="text-base text-gray-900 font-medium">
                                    Dokument Kepemilikan
                                </span>
                                <i class="ki-outline ki-plus text-gray-600 text-2sm accordion-active:hidden block">
                                </i>
                                <i class="ki-outline ki-minus text-gray-600 text-2sm accordion-active:block hidden">
                                </i>
                            </button>

                            <div class="accordion-content hidden" id="accordion_detail_jaminan_{{ $loop->index }}">
                                <div class="card-table scrollable-x-auto pb-3">
                                    <a href="{{ route('debitur.jaminan.bulk.download', ['id' => $permohonan->debiture->id, 'jaminan' => $dokumen->id]) }}"
                                        class="ml-6 btn btn-dark dark:btn-light">
                                        <i class="ki-outline ki-cloud-download"></i> Download Semua Dokumen
                                    </a>
                                    <table class="table align-middle text-sm text-gray-500">
                                        @foreach ($dokumen->detail as $detail)
                                            <tr>
                                                <td class="py-2 text-gray-600 font-normal max-w-[100px]">
                                                    {{ $loop->index + 1 }}. {{ $detail->jenisLegalitasJaminan->name }}
                                                </td>
                                                <td class="py-2 text-gray-800 font-normaltext-sm">
                                                    {{ $detail->name ?? '' }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="py-3  max-w-[100px] align-top">
                                                    Dokumen Jaminan
                                                </td>
                                                <td class="py-3 text-gray-700 text-2sm font-normal">

                                                    @if (isset($detail->dokumen_jaminan))
                                                        @php
                                                            $dokumen_jaminan = is_array(
                                                                json_decode($detail->dokumen_jaminan),
                                                            )
                                                                ? json_decode($detail->dokumen_jaminan)
                                                                : [$detail->dokumen_jaminan];
                                                            $dokumen_nomor = is_array(
                                                                json_decode($detail->dokumen_nomor),
                                                            )
                                                                ? json_decode($detail->dokumen_nomor)
                                                                : ($detail->dokumen_nomor
                                                                    ? [$detail->dokumen_nomor]
                                                                    : []);
                                                        @endphp
                                                        @foreach ($dokumen_jaminan as $index => $dokumen)
                                                            <div class="flex w-full lg:w-[30%]">
                                                                @if (in_array(Auth::user()->roles[0]->name, ['administrator', 'pemohon-eo']))
                                                                    @if (!empty($dokumen_nomor))
                                                                        <span class="flex-1 mt-2 text-info">Nomor
                                                                            Dokumen :
                                                                            {{ $dokumen_nomor[$index] }}</span>
                                                                    @endif
                                                                    <a href="{{ route('debitur.jaminan.download', ['id' => $permohonan->debiture->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
                                                                        class="flex-none badge badge-sm badge-outline mt-2 mr-2">
                                                                        {{ basename($dokumen) }}
                                                                        <i class="ki-filled ki-cloud-download"></i>
                                                                    </a>
                                                                @endif
                                                                <span
                                                                    class="flex-none badge badge-sm badge-outline badge-warning mt-2"
                                                                    onclick="viewPDF('{{ Storage::url($dokumen_jaminan[$index]) }}')"><i
                                                                        class="ki-filled ki-eye mr-2"></i>Preview</span>
                                                            </div>
                                                            <br>
                                                        @endforeach
                                                    @endif

                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="py-3  max-w-[100px]">
                                                    Keterangan
                                                </td>
                                                <td class="py-3 text-gray-700 text-2sm font-normal">
                                                    {{ $detail->keterangan ?? '' }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                @include('lpj::component.pdfviewer')
                <div data-accordion="true">
                    @foreach ($permohonan->debiture->documents as $dokumen)
                        <div class="accordion-item [&:not(:last-child)]:border-b border-b-gray-200"
                            data-accordion-item="true" id="accordion_detail_jaminan">
                            <button class="accordion-toggle py-4 group "
                                data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index }}">
                                <span class="text-base text-gray-900 font-medium">
                                    Dokument Kepemilikan
                                </span>
                                <i class="ki-outline ki-plus text-gray-600 text-2sm accordion-active:hidden block">
                                </i>
                                <i class="ki-outline ki-minus text-gray-600 text-2sm accordion-active:block hidden">
                                </i>
                            </button>

                            <div class="accordion-content hidden" id="accordion_detail_jaminan_{{ $loop->index }}">
                                <div class="card-table scrollable-x-auto pb-3">
                                    <a href="{{ route('debitur.jaminan.bulk.download', ['id' => $permohonan->debiture->id, 'jaminan' => $dokumen->id]) }}"
                                        class="ml-6 btn btn-dark dark:btn-light">
                                        <i class="ki-outline ki-cloud-download"></i> Download Semua Dokumen
                                    </a>
                                    <table class="table align-middle text-sm text-gray-500">
                                        @foreach ($dokumen->detail as $detail)
                                            <tr>
                                                <td class="py-2 text-gray-600 font-normal max-w-[100px]">
                                                    {{ $loop->index + 1 }}. {{ $detail->jenisLegalitasJaminan->name }}
                                                </td>
                                                <td class="py-2 text-gray-800 font-normaltext-sm">
                                                    {{ $detail->name ?? '' }}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="py-3  max-w-[100px] align-top">
                                                    Dokumen Jaminan
                                                </td>
                                                <td class="py-3 text-gray-700 text-2sm font-normal">

                                                    @if (isset($detail->dokumen_jaminan))
                                                        @php
                                                            $dokumen_jaminan = is_array(
                                                                json_decode($detail->dokumen_jaminan),
                                                            )
                                                                ? json_decode($detail->dokumen_jaminan)
                                                                : [$detail->dokumen_jaminan];
                                                            $dokumen_nomor = is_array(
                                                                json_decode($detail->dokumen_nomor),
                                                            )
                                                                ? json_decode($detail->dokumen_nomor)
                                                                : ($detail->dokumen_nomor
                                                                    ? [$detail->dokumen_nomor]
                                                                    : []);
                                                        @endphp
                                                        @foreach ($dokumen_jaminan as $index => $dokumen)
                                                            <div class="flex w-full lg:w-[30%]">
                                                                @if (in_array(Auth::user()->roles[0]->name, ['administrator', 'pemohon-eo']))
                                                                    @if (!empty($dokumen_nomor))
                                                                        <span class="flex-1 mt-2 text-info">Nomor
                                                                            Dokumen :
                                                                            {{ $dokumen_nomor[$index] }}</span>
                                                                    @endif
                                                                    <a href="{{ route('debitur.jaminan.download', ['id' => $permohonan->debiture->id, 'dokumen' => $detail->id, 'index' => $index]) }}"
                                                                        class="flex-none badge badge-sm badge-outline mt-2 mr-2">
                                                                        {{ basename($dokumen) }}
                                                                        <i class="ki-filled ki-cloud-download"></i>
                                                                    </a>
                                                                @endif
                                                                <span
                                                                    class="flex-none badge badge-sm badge-outline badge-warning mt-2"
                                                                    onclick="viewPDF('{{ Storage::url($dokumen_jaminan[$index]) }}')"><i
                                                                        class="ki-filled ki-eye mr-2"></i>Preview</span>
                                                            </div>
                                                            <br>
                                                        @endforeach
                                                    @endif

                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="py-3  max-w-[100px]">
                                                    Keterangan
                                                </td>
                                                <td class="py-3 text-gray-700 text-2sm font-normal">
                                                    {{ $detail->keterangan ?? '' }}
                                                </td>
                                            </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                @include('lpj::component.pdfviewer')
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Hubungan Cadeb/Debitur dengan pemilik dan penghuni
                </h3>
            </div>
            @php
                $statusKey = isset($forminspeksi['asset']['hub_cadeb']['sesuai']) ? 'sesuai' : 'tidak sesuai';
                $selectedData = $forminspeksi['asset']['hub_cadeb'][$statusKey] ?? null;
            @endphp
            <div class="card-body">
            </div>
        </div>



        @foreach ($permohonan->debiture->documents as $dokumen)
            @if ($dokumen->jenisJaminan)
                @php
                    $formKategori = json_decode($dokumen->jenisJaminan->form_kategori, true);
                @endphp
                @if (isset($formKategori) && $formKategori)
                    @php
                        $kategoriArray = is_array($formKategori) ? $formKategori : [$formKategori];
                        $kategoriUnik = array_unique($kategoriArray);
                    @endphp
                    <input type="hidden" name="action" value="{{ implode(',', $kategoriUnik) }}">
                    <input type="hidden" name="type" value="{{ implode(',', $kategoriUnik) }}">


                    @foreach ($kategoriUnik as $kategori)
                        {{-- Tampilkan komponen sesuai kategori --}}
                        @include('lpj::surveyor.components.' . str_replace('-', '-', $kategori), [
                            'dokumen' => $dokumen,
                        ])
                    @endforeach
                @endif
            @endif
        @endforeach


        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Informasi dan pembanding
                </h3>
            </div>
            @include('lpj::penilai.components.informasi-pembanding')
        </div>


        <form id="form-lpj" method="post" class="w-full grid gap-5">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title uppercase">
                        total nilai pasar wajar
                    </h3>
                </div>
                <div class="card-body gap-5">
                    <div>
                        <label for="total_nilai_pasar_wajar" class="form-label">Total Nilai Pasar Wajar</label>
                        <div class="card-body grid gap-2.5 w-full">
                            <div class="flex grid-col-3 gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="form-label max-w-56">Luas Tanah</label>
                                    <input type="text" id="luas_tanah" class="input w-full currency-format"
                                        name="luas_tanah" value="{{ old('luas_tanah', $lpjData['luas_tanah'] ?? null) }}"
                                        oninput="calculateTotal()">
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="">X</label>
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" id="nilai_tanah_1" class=" w-full currency-format"
                                            name="nilai_tanah_1"
                                            value="{{ old('nilai_tanah_1', $lpjData['nilai_tanah_1'] ?? null) }}"
                                            oninput="calculateTotal()">
                                    </label>
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input id="nilai_tanah_2" type="text" class=" w-full currency-format"
                                            name="nilai_tanah_2"
                                            value="{{ old('nilai_tanah_2', $lpjData['nilai_tanah_2'] ?? null) }}">
                                    </label>
                                </div>
                            </div>

                            <div class="flex grid-col-3 gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="form-label max-w-56">Luas Bangunan</label>
                                    <input type="text" class="input w-full currency-format" id="luas_bangunan"
                                        name="luas_bangunan"
                                        value="{{ old('luas_bangunan', $lpjData['luas_bangunan'] ?? null) }}"
                                        oninput="calculateTotal()">
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="">X</label>
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class=" w-full currency-format" id="nilai_bangunan_1"
                                            name="nilai_bangunan_1"
                                            value="{{ old('nilai_bangunan_1', $lpjData['nilai_bangunan_1'] ?? null) }}"
                                            oninput="calculateTotal()">
                                    </label>
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class=" w-full currency-format" id="nilai_bangunan_2"
                                            name="nilai_bangunan_2"
                                            value="{{ old('nilai_bangunan_2', $lpjData['nilai_bangunan_2'] ?? null) }}">
                                    </label>
                                </div>
                            </div>

                            <div class="flex grid-col-3 gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="form-label max-w-56">Sarana Pelengkap</label>
                                    <input type="text" class="input w-full currency-format" id="sarana_pelengkap"
                                        name="sarana_pelengkap"
                                        value="{{ old('sarana_pelengkap', $lpjData['sarana_pelengkap'] ?? null) }}"
                                        oninput="calculateTotal()">
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">

                                    <label for="province" class="">X</label>
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class=" w-full currency-format"
                                            id="nilai_sarana_pelengkap_1" name="nilai_sarana_pelengkap_1"
                                            value="{{ old('nilai_sarana_pelengkap_1', $lpjData['nilai_sarana_pelengkap_1'] ?? null) }}"
                                            oninput="calculateTotal()">

                                    </label>

                                </div>
                                <div class="grid gap-5 w-full">


                                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">

                                        <label class="input">
                                            <i class="">Rp
                                            </i>
                                            <input type="text" class="w-full currency-format"
                                                id="nilai_sarana_pelengkap_2" name="nilai_sarana_pelengkap_2"
                                                value="{{ old('nilai_sarana_pelengkap_2', $lpjData['nilai_sarana_pelengkap_2'] ?? null) }}">
                                        </label>

                                    </div>

                                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">

                                        <label for="province" class="input">
                                            <i class="">Rp
                                            </i>
                                            <input type="text" class=" w-full currency-format"
                                                id="total_nilai_pasar_wajar" name="total_nilai_pasar_wajar"
                                                value="{{ old('total_nilai_pasar_wajar', $lpjData['total_nilai_pasar_wajar'] ?? null) }}">
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <label for="total_nilai_pasar_wajar" class="form-label uppercase">TOTAL NILAI
                            LIKUIDASI</label>
                        <div class="card-body grid gap-2.5 w-full">
                            <div class="flex grid-col-3 gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <input type="text" id="likuidasi" name="likuidasi"
                                        class="input w-full currency-format"
                                        value="{{ old('likuidasi', $lpjData['likuidasi'] ?? null) }}"
                                        oninput="calculateTotal()">
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="">X</label>
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class=" w-full currency-format" id="likuidasi_nilai_1"
                                            name="likuidasi_nilai_1"
                                            value="{{ old('likuidasi_nilai_1', $lpjData['likuidasi_nilai_1'] ?? null) }}"
                                            oninput="calculateTotal()">
                                    </label>
                                </div>
                                <div class="grid gap-2.5 w-full">
                                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">

                                        <label class="input">
                                            <i class="">Rp
                                            </i>
                                            <input type="text" class=" w-full currency-format"
                                                name="likuidasi_nilai_2"
                                                value="{{ old('likuidasi_nilai_2', $lpjData['likuidasi_nilai_2'] ?? null) }}">
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title uppercase">
                        nilai asuransi
                    </h3>
                </div>
                <div class="card-body">
                    <div>
                        <label for="total_nilai_pasar_wajar" class="form-label uppercase">TOTAL NILAI ASURANSI</label>
                        <div class="card-body grid gap-2.5 w-full">
                            <div class="flex grid-col-3 gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="form-label">Luas Bangunan</label>
                                    <input type="text" class="input w-full currency-format"
                                        id="asuransi_luas_bangunan" name="asuransi_luas_bangunan"
                                        value="{{ old('asuransi_luas_bangunan', $lpjData['asuransi_luas_bangunan'] ?? null) }}"
                                        oninput="calculateTotal()">
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province" class="">X</label>
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class="input w-full currency-format" id="asuransi_nilai_1"
                                            name="asuransi_nilai_1"
                                            value="{{ old('asuransi_nilai_1', $lpjData['asuransi_nilai_1'] ?? null) }}"
                                            oninput="calculateTotal()">
                                    </label>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label class="input">
                                        <i class="">Rp
                                        </i>
                                        <input type="text" class="input w-full currency-format"
                                            name="asuransi_nilai_2"
                                            value="{{ old('asuransi_nilai_2', $lpjData['asuransi_nilai_2'] ?? null) }}">
                                    </label>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex justify-end gap-2" style="margin-right: 20px; margin-top: 20px">
                <button type="button" class="btn btn-success" id="saveButton" onclick="saveLpjSederhanadanStandard()">
                    <span id="saveButtonText">Save</span>
                </button>
            </div>
        </form>
   
    </div>
@endsection


<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.currency-format').forEach(input => {
            input.addEventListener('input', function() {
                formatCurrency(this);
            });
        });

        document.querySelectorAll('.number-format').forEach(input => {
            input.addEventListener('input', function() {
                formatNumber(this);
            });
        });
    });

    function calculateTotal() {
        // Fungsi untuk menghapus format ribuan/koma
        const parseInput = (value) => parseFloat(value.replace(/[^0-9]/g, '')) || 0;

        // Ambil elemen input dan parse nilainya
        let luasTanah = parseInput(document.getElementById('luas_tanah').value);
        let hargaPerMeterTanah = parseInput(document.querySelector('input[name="nilai_tanah_1"]').value);
        let totalLuasTanah = document.querySelector('input[name="nilai_tanah_2"]');

        let luasBangunan = parseInput(document.getElementById('luas_bangunan').value);
        let hargaPerMeterBangunan = parseInput(document.querySelector('input[name="nilai_bangunan_1"]').value);
        let totalLuasBangunan = document.querySelector('input[name="nilai_bangunan_2"]');

        let saranaPelengkap = parseInput(document.getElementById('sarana_pelengkap').value);
        let hargaPerMeterSarana = parseInput(document.querySelector('input[name="nilai_sarana_pelengkap_1"]').value);
        let totalLuasSarana = document.querySelector('input[name="nilai_sarana_pelengkap_2"]');

        // Bagian Likuidasi
        let persentaseLikuidasi = parseInput(document.getElementById('likuidasi').value);
        let totalNilaiPasarLikuidasi = document.querySelector('input[name="likuidasi_nilai_1"]');
        let totalLikuidasi = document.querySelector('input[name="likuidasi_nilai_2"]');

        // Bagian Asuransi
        let luasBangunanAsuransi = parseInput(document.getElementById('asuransi_luas_bangunan').value);
        let hargaPerMeterAsuransi = parseInput(document.querySelector('input[name="asuransi_nilai_1"]').value);
        let totalNilaiAsuransi = document.querySelector('input[name="asuransi_nilai_2"]');

        let total = document.querySelector('input[name="total_nilai_pasar_wajar"]');

        // Hitung hasil
        const hasilTanah = luasTanah * hargaPerMeterTanah;
        const hasilBangunan = luasBangunan * hargaPerMeterBangunan;
        const hasilSarana = saranaPelengkap * hargaPerMeterSarana;

        const totalNilaiPasarWajar = hasilTanah + hasilBangunan + hasilSarana;

        // Perhitungan Likuidasi
        const hasilLikuidasi = (persentaseLikuidasi / 100) * totalNilaiPasarWajar;

        // Perhitungan Asuransi
        const hasilAsuransi = luasBangunanAsuransi * hargaPerMeterAsuransi;

        // Tampilkan hasil dalam format currency
        totalLuasTanah.value = formatCurrency(hasilTanah.toString());
        totalLuasBangunan.value = formatCurrency(hasilBangunan.toString());
        totalLuasSarana.value = formatCurrency(hasilSarana.toString());
        total.value = formatCurrency(totalNilaiPasarWajar.toString());

        // Tampilkan nilai likuidasi dan asuransi
        totalNilaiPasarLikuidasi.value = formatCurrency(totalNilaiPasarWajar.toString());
        totalNilaiAsuransi.value = formatCurrency(hasilAsuransi.toString());

        // Total likuidasi (total nilai pasar wajar + nilai likuidasi)
        // const totalPasarWajarDenganLikuidasi = totalNilaiPasarWajar + hasilLikuidasi;
        totalLikuidasi.value = formatCurrency(hasilLikuidasi.toString());
    }



    function saveLpjSederhanadanStandard() {
        const form = document.getElementById('form-lpj');
        const formData = new FormData(form);

        const jsonData = {
            luas_tanah: formData.get('luas_tanah'),
            nilai_tanah_1: formData.get('nilai_tanah_1'),
            nilai_tanah_2: formData.get('nilai_tanah_2'),
            luas_bangunan: formData.get('luas_bangunan'),
            nilai_bangunan_1: formData.get('nilai_bangunan_1'),
            nilai_bangunan_2: formData.get('nilai_bangunan_2'),
            sarana_pelengkap: formData.get('sarana_pelengkap'),
            nilai_sarana_pelengkap_1: formData.get('nilai_sarana_pelengkap_1'),
            nilai_sarana_pelengkap_2: formData.get('nilai_sarana_pelengkap_2'),
            total_nilai_pasar_wajar: formData.get('total_nilai_pasar_wajar'),
            likuidasi: formData.get('likuidasi'),
            likuidasi_nilai_1: formData.get('likuidasi_nilai_1'),
            likuidasi_nilai_2: formData.get('likuidasi_nilai_2'),
            asuransi_luas_bangunan: formData.get('asuransi_luas_bangunan'),
            asuransi_nilai_1: formData.get('asuransi_nilai_1'),
            asuransi_nilai_2: formData.get('asuransi_nilai_2')
        };

        showLoadingSwal('Mengirim data ke server...');

        const urlParams = new URLSearchParams(window.location.search);
        const permohonanId = {{ $permohonan->id }};
        const documentId = urlParams.get('documentId');
        const inspeksiId = urlParams.get('inspeksiId');

        const requestUrl = `{{ route('penilai.storeLpjSederhanadanStandard') }}`;
        $.ajax({
            url: requestUrl,
            type: 'POST',
            data: JSON.stringify({
                permohonan_id: permohonanId,
                document_id: documentId,
                inspeksi_id: inspeksiId,
                lpj: jsonData,
            }),
            contentType: 'application/json',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function(response) {
                hideLoadingSwal();
                if (response.success) {
                    Swal.fire({
                        title: 'Berhasil!',
                        text: response.message,
                        icon: 'success',
                        confirmButtonText: 'OK'
                    }).then((response) => {
                        if (response.isConfirmed) {
                            window.location.href =
                                '{{ route('penilai.show', ['id' => $permohonan->id]) }}';
                        }
                    });
                } else {
                    Swal.fire({
                        title: 'Error!',
                        text: response.message || 'Terjadi kesalahan',
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                }
                console.log(response);
            },
            error: function(xhr, status, error) {
                let errors = xhr.responseJSON?.errors;
                $('.alert').text('');
                if (errors) {
                    $.each(errors, function(key, value) {
                        $(`#error-${key}`).text(value[0]);
                        toastrErrorBuild(value[0]);
                    });
                }
                hideLoadingSwal();
                console.log(errors);
            }
        });
    }
</script>
@include('lpj::surveyor.js.utils')