@if (!isset($status))
    <div class="card border border-agi-100 {{ isset($hidePermohonan) ? 'hidden' : '' }}">
        <div class="card-header bg-agi-50" id="advanced_settings_appearance">
            @php
                $title = $title ?? 'Data Permohonan';
            @endphp
            <h3 class="card-title">
                {{ $title }}
            </h3>

            <div class="flex items-center gap-2">
                {!! $customlink ?? "" !!}
                @if (isset($id))
                    @php
                        $parameters = isset($id) ? ['id' => $id] : [];
                        if (isset($type)) {
                            $parameters['type'] = $type;
                        }
                        if (isset($additionalParam)) {
                            $parameters['additional'] = $additionalParam;
                        }
                    @endphp

                    <a href="{{ route($backLink, $parameters) }}" class="btn btn-xs btn-info">
                        <i class="ki-filled ki-exit-left"></i> Back
                    </a>
                @else
                    <a href="{{ route($backLink, $queryParams ?? []) }}" class="btn btn-xs btn-info">
                        <i class="ki-filled ki-exit-left"></i> Back
                    </a>
                @endif
            </div>
        </div>
        <div class="card-body lg:py-7.5 grid grid-cols-3">
            <div class="mb-5">
                <h3 class="text-md font-medium text-gray-900">
                    Nomor Register Permohonan:
                </h3>
                <span class="text-2sm text-gray-700">
                    {{ $permohonan->nomor_registrasi }}
                </span>
            </div>

            <div class="mb-5">
                <h3 class="text-md font-medium text-gray-900">
                    Pemohon:
                </h3>
                <span class="text-2sm text-gray-700">
                    {{ $permohonan->user->nik }} | {{ $permohonan->user->name }} | {{ $permohonan->user->branch->name }}
                </span>
            </div>

            @if(isset($penawaran))
                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Nomor Penawaran:
                    </h3>
                    <span class="text-2sm text-gray-700">
                    {{ $penawaran->code }}
                </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Nomor Penawaran:
                    </h3>
                    <span class="text-2sm text-gray-700">
                    {{ $penawaran->tujuanPenilaianKjpp->name }}
                </span>
                </div>
            @else

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Tujan Permohonan:
                    </h3>
                    <span class="text-2sm text-gray-700">
                    {{ $permohonan->tujuanPenilaian->name }}
                </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Nilai Plafond:
                    </h3>
                    <span class="text-2sm text-gray-700">
                    {{ $permohonan->nilaiPlafond->name }}
                </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Status Bayar:
                    </h3>
                    <span
                        class="text-md font-bold {{ $permohonan->status_bayar === 'belum_bayar' ? 'text-red-600' : 'text-green-600' }} uppercase">
                    {{ str_replace('_', ' ', $permohonan->status_bayar) }}
                </span>
                </div>
            @endif

        </div>
    </div>

    <div class="card border border-agi-100 min-w-full">
        <div class="card-header light:bg-agi-50">
            <h3 class="card-title">
                Detail Debitur
            </h3>
        </div>
        <div class="card-table scrollable-x-auto pb-3">
            <div class="grid grid-cols-1 xl:grid-cols-2 gap-5 lg:gap-7.5">
                <div class="col-span-1">
                    <table class="table align-middle text-sm text-gray-500">
                        <tr>
                            <td class="py-2 text-gray-600 font-normal">
                                Nama
                            </td>
                            <td class="py-2 text-gray-800 font-normaltext-sm">
                                {{ $permohonan->debiture->name ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3">
                                Email
                            </td>
                            <td class="py-3 text-gray-700 text-2sm font-normal">
                                {{ $permohonan->debiture->email ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3">
                                No Hp
                            </td>
                            <td class="py-3 text-gray-700 text-2sm font-normal">
                                {{ $permohonan->debiture->phone ?? '' }}
                            </td>
                        </tr>

                        <tr>
                            <td class="py-3 text-gray-600 font-normal">
                                Alamat
                            </td>
                            <td class="py-3 text-gray-700 text-sm font-normal">
                                {{ $permohonan->debiture->address ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3 text-gray-600 font-normal">
                                &nbsp;
                            </td>
                            <td class="py-3 text-gray-700 text-sm font-normal">
                                {{ $permohonan->debiture->village->name ?? '' }},
                                {{ $permohonan->debiture->district->name ?? '' }},
                                {{ $permohonan->debiture->city->name ?? '' }},
                                {{ $permohonan->debiture->province->name ?? '' }} -
                                {{ $permohonan->debiture->village->postal_code ?? '' }}
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-span-1">
                    <table class="table align-middle text-sm text-gray-500">
                        <tr>
                            <td class="py-3 text-gray-600 font-normal">
                                Cabang
                            </td>
                            <td class="py-2 text-gray-800 font-normaltext-sm">
                                {{ $permohonan->debiture->branch->name ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3 text-gray-600 font-normal">
                                CIF
                            </td>
                            <td class="py-2 text-gray-800 font-normaltext-sm">
                                {{ $permohonan->debiture->cif ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3 text-gray-600 font-normal">
                                Nomor Rekening
                            </td>
                            <td class="py-3 text-gray-700 text-sm font-normal">
                                {{ $permohonan->debiture->nomor_rekening ?? '' }}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-3">
                                NPWP
                            </td>
                            <td class="py-3 text-gray-700 text-2sm font-normal">
                                {{ $permohonan->debiture->npwp ?? '' }}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>



    <div class="card border border-agi-100 min-w-full">
        <div class="card-header light:bg-agi-50">
            <h3 class="card-title">
                Data Jaminan
            </h3>
        </div>
        @endif
        <div data-accordion="true">
            @foreach ($permohonan->documents as $dokumen)
                <div class="accordion-item {{ count($permohonan->documents) == 1 ? 'active' : '' }} [&:not(:last-child)]:border-b border-b-gray-200"
                     data-accordion-item="true" id="accordion_detail_jaminan">
                    <button @class(['accordion-toggle py-4 group', 'mx-8' => !isset($status)])"
                    data-accordion-toggle="#accordion_detail_jaminan_{{ $loop->index }}">
                    <span class="text-base text-gray-900 font-medium">
                    @if (count($permohonan->documents) > 1)
                            Jaminan {{ $loop->index + 1 }}
                        @else
                            Jaminan
                        @endif
                </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 {{ count($permohonan->documents) > 1 ? 'hidden' : '' }}"
                         id="accordion_detail_jaminan_{{ $loop->index }}">

                        @if (!isset($status))
                            <div class="card-body lg:py-7.5 grid grid-cols-2">
                                <div class="mb-5">
                                    <h3 class="text-md font-medium text-gray-900">
                                        Pemilik Jaminan:
                                    </h3>
                                    <span class="text-2sm text-gray-700">
                                {{ $dokumen->pemilik->name ?? '' }}
                            </span>
                                </div>
                                <div class="mb-5">
                                    <h3 class="text-md font-medium text-gray-900">
                                        Jenis Jaminan:
                                    </h3>
                                    <span class="text-2sm text-gray-700">
                                {{ $dokumen->jenisJaminan->name ?? '' }}
                            </span>
                                </div>
                                <div class="mb-5">
                                    <h3 class="text-md font-medium text-gray-900">
                                        Hubungan Pemilik Jaminan:
                                    </h3>
                                    <span class="text-2sm text-gray-700">
                                {{ $dokumen->pemilik->hubungan_pemilik->name ?? '' }}
                            </span>
                                </div>
                                <div class="mb-5">
                                    <h3 class="text-md font-medium text-gray-900">
                                        Alamat Jaminan:
                                    </h3>
                                    <span class="text-2sm text-gray-700">
                                  {{ formatAlamat($dokumen) }}
                            </span>
                                </div>
                            </div>
                        @endif


                        <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">
                                @php $document = $dokumen; @endphp
                                @foreach($document->detail as $detail)
                                    @if(isset($detail->dokumen_jaminan))
                                    <tr>
                                        <td colspan="2">
                                            <strong class="text-2xs text-gray-600 uppercase">
                                                {{ $loop->index+1 }}. {{ $detail->jenisLegalitasJaminan->name }}
                                            </strong>
                                        </td>
                                    </tr>

                                    @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)
                                            <tr>
                                                <td>
                                                    <span class="text-2xs text-gray-600 uppercase pl-3">
                                                        {{ $loop->index+1 }}. Nomor : {{ $dokumen_nomor[$index] }}
                                                    </span>
                                                </td>
                                                <td class="text-left">
                                                    @if(in_array(Auth::user()->roles[0]->name,['administrator','pemohon-eo']))
                                                        <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="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>
                                                </td>
                                            </tr>

                                            @if(isset($detail->details) && isset(json_decode($detail->details)[$index]))
                                                @foreach (json_decode($detail->details)[$index] as $key => $value)
                                                    <tr>
                                                        <td>
                                                            <span class="text-2xs text-gray-600 uppercase pl-3">
                                                                - {{ str_replace("_"," ",$key) ?? "" }}
                                                            </span>
                                                        </td>
                                                        <td class="text-left">
                                                            <p class="text-2xs text-gray-600 max-w-[250px]">
                                                                {{ $value }}
                                                            </p>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    @endif

                                    <tr>
                                        <td>
                                            <span class="text-2xs text-gray-600 uppercase pl-3">
                                                - keterangan
                                            </span>
                                        </td>
                                        <td class="text-right">
                                            <p class="text-2xs text-gray-600 max-w-[250px]">
                                                {{ $detail->keterangan }}
                                            </p>
                                        </td>
                                    </tr>
                                    @endif
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        @if (!isset($status))
    </div>

    <!-- New section for Lampiran Dokumen -->
    <div class="card border border-agi-100 min-w-full mt-5">
        <div class="card-header light:bg-agi-50">
            <h3 class="card-title">
                Lampiran Dokumen
            </h3>
        </div>
        <div class="card-body">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                @forelse($permohonan->lampiranDokumen as $lampiran)
                    <div class="border p-4 rounded-lg">
                        <h4 class="font-semibold mb-2">{{ $lampiran->nama_file }}</h4>
                        <p class="text-sm text-gray-600 mb-2">Keterangan : {{ $lampiran->keterangan }}</p>
                        <div class="flex justify-between items-center">
                            <div>
                                <a href="{{ Storage::url($lampiran->path_file) }}" target="_blank" class="text-blue-600 hover:underline">
                                    <i class="ki-filled ki-eye mr-2"></i>View
                                </a>
                                <a href="{{ Storage::url($lampiran->path_file) }}" download="{{ Storage::url($lampiran->path_file) }}" class="text-green-600 hover:underline ml-4">
                                    <i class="ki-filled ki-cloud-download mr-2"></i>Download
                                </a>
                            </div>
                            @if(Auth::user()->hasRole('administrator'))
                                <form action="{{ route('lampiran.delete', $lampiran->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this lampiran?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="text-red-600 hover:underline">
                                        <i class="ki-filled ki-trash mr-2"></i>Delete
                                    </button>
                                </form>
                            @endif
                        </div>
                    </div>
                @empty
                    <p class="col-span-3 text-center text-gray-500">Tidak ada lampiran dokumen.</p>
                @endforelse
            </div>

            @if(Auth::user()->hasRole(['Penilai', 'administrator','penilai','admin']))
                <form action="{{ route('lampiran.upload',) }}" method="POST" enctype="multipart/form-data" class="mt-6">
                    @csrf
                    <input type="hidden" name="permohonan_id" value="{{ $permohonan->id }}">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div>
                            <label for="nama_file" class="block text-sm font-medium text-gray-700">Nama File</label>
                            <input type="text" name="nama_file" id="nama_file" required class="input mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
                        </div>
                        <div>
                            <label for="file" class=" block text-sm font-medium text-gray-700">File</label>
                            <input type="file" name="file" id="file" required class="file-input mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
                        </div>
                        <div class="md:col-span-2">
                            <label for="keterangan" class="block text-sm font-medium text-gray-700">Keterangan</label>
                            <textarea name="keterangan" id="keterangan" rows="3" class="textarea mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"></textarea>
                        </div>
                    </div>
                    <div class="mt-4">
                        <button type="submit" class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                            Upload Lampiran
                        </button>
                    </div>
                </form>
            @endif
        </div>
    </div>

    @include('lpj::component.history-permohonan')


@endif
@include('lpj::component.pdfviewer')