@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)}}
                                </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">

            </div>
        </div>


        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Deskripsi dan Alamat Aset
                </h3>
            </div>
            <div class="card-body">

            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    dokumen
                </h3>
            </div>
            <div class="card-body">

            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Hubungan Cadeb/Debitur dengan pemilik dan penghuni
                </h3>
            </div>
            <div class="card-body">
            </div>
        </div>

        @include('lpj::surveyor.components.tanah')
        @include('lpj::surveyor.components.bangunan')
        @include('lpj::surveyor.components.lingkungan')
        @include('lpj::surveyor.components.fakta')
        @include('lpj::surveyor.components.informasi')

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    Informasi dan pembanding
                </h3>
            </div>
            <div class="card-body">
            </div>
        </div>


        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                    total nilai pasar wajar
                </h3>
            </div>
            <div class="card-body">
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title uppercase">
                   nilai asuransi
                </h3>
            </div>
            <div class="card-body">
            </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="submitData()">
                <span id="saveButtonText">Save</span>
                <div class="spinner-border spinner-border-sm text-light" role="status" style="display: none;"
                    id="saveButtonSpinner">

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

    <div id="loadingOverlay" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center z-50">
        <div class="bg-white p-4 rounded-lg">
            <div class="loader"></div>
            <p class="mt-2 text-center">Sedang memproses...</p>
        </div>
    </div>
@endsection