@extends('layouts.main')

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

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        <div class="card">
            <div class="card-header" id="advanced_settings_appearance">
                <h3 class="card-title">
                    Surveyor
                </h3>
                <div class="flex items-center gap-2">
                    <a href="{{ route('surveyor.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i>
                        Back</a>
                </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">
                        Waktu Survei:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->penilaian->tanggal_kunjungan }}
                    </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Keterangan:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->penilaian->keterangan }}
                    </span>
                </div>

            </div>
        </div>


        <div class="card min-w-full">
            <div class="card-header">
                <h3 class="card-title">
                    Data Jaminan
                </h3>
            </div>
            <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_1_item_1">
                        <button class="accordion-toggle py-4 group mx-8" data-accordion-toggle="#accordion_1_content_1">
                            <span class="text-base text-gray-900 font-medium">
                                Jaminan {{ $loop->index + 1 }}
                            </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_1_content_1">
                            <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 Pemilik Jaminan:
                                    </h3>
                                    <span class="text-2sm text-gray-700">
                                        {{ $dokumen->pemilik->address ?? '' }},
                                        <br> {{ $dokumen->pemilik->village->name ?? '' }},
                                        {{ $dokumen->pemilik->district->name ?? '' }},
                                        {{ $dokumen->pemilik->city->name ?? '' }},
                                        {{ $dokumen->pemilik->province->name ?? '' }} -
                                        {{ $dokumen->pemilik->village->postal_code ?? '' }}
                                    </span>
                                </div>
                            </div>
                            <div class="card-table scrollable-x-auto pb-3">
                                <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]">
                                                Dokumen Jaminan
                                            </td>
                                            <td class="py-3 text-gray-700 text-2sm font-normal">
                                                @if (isset($detail->dokumen_jaminan))
                                                    <a href="{{ route('debitur.jaminan.download', ['id' => $permohonan->debiture->id, 'dokumen' => $detail->id]) }}"
                                                        class="badge badge-sm badge-outline mt-2">{{ basename($detail->dokumen_jaminan) }}
                                                        <i class="ki-filled ki-cloud-download"></i></a>
                                                @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>
        </div>

        <div class="card min-w-full py-2 px-2">
            <div class="card-header" id="basic_settings">
                <div class="card-title flex flex-row gap-1.5">
                    <a href="{{ route('surveyor.show',array_merge(request()->query(),['id'=>$surveyor])) }}" class="btn btn-xs {{ request()->routeIs('surveyor.show') ? 'btn-outline btn-primary' : 'btn-light' }}" class="btn btn-xs   btn-outline btn-primary">FORM INSPEKSI</a>

                    <a href="{{ route('surveyor.denah',array_merge(request()->query(),['id'=>$surveyor])) }}" class="btn btn-xs {{ request()->routeIs('surveyor.denah') ? 'btn-outline btn-primary' : 'btn-light' }}" class="btn btn-xs   btn-outline btn-primary">DENAH TANAH DAN BANGUNAN</a>

                    <a href="{{ route('surveyor.foto',array_merge(request()->query(),['id'=>$surveyor])) }}" class="btn btn-xs {{ request()->routeIs('surveyor.foto') ? 'btn-outline btn-primary' : 'btn-light' }}" class="btn btn-xs   btn-outline btn-primary">FOTO</a>

                    <a href="{{ route('surveyor.data-pembanding',array_merge(request()->query(),['id'=>$surveyor])) }}" class="btn btn-xs {{ request()->routeIs('surveyor.data-pembanding') ? 'btn-outline btn-primary' : 'btn-light' }}" class="btn btn-xs   btn-outline btn-primary">DATA PEMBANDING</a>
                </div>

            </div>
            <div class="card-body">
                    @if(request()->routeIs('surveyor.show',$surveyor))
                        @include('lpj::surveyor.components.form-inspeksi')

                    @elseif(request()->routeIs('surveyor.denah',$surveyor))

                        @include('lpj::surveyor.components.denah')

                    @elseif(request()->routeIs('surveyor.foto', $surveyor))
                        @include('lpj::surveyor.components.foto')

                    @elseif(request()->routeIs('surveyor.data-pembanding', $surveyor))

                        @include('lpj::surveyor.components.data-pembanding')
                    @endif
            </div>
            <div class="flex justify-end gap-2" style="margin-right: 20px; margin-top: 20px">
                <button type="submit" class="btn btn-success">
                    Save
                </button>
                <button type="submit" class="btn btn-primary">
                    Submit
                </button>
            </div>
        </div>
    </div>
@endsection

@push('scripts')

<script>
    $('.card-title a').on('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');

    $.get(url, function(response) {
        $('.card-body').html(response);
    });
});

</script>

@endpush