@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 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('surveyor.show', ['id' => request('inspeksi')]) }}?form=inspeksi"
                            class="btn btn-xs btn-info">
                            <i class="ki-filled ki-exit-left"></i> Back
                        </a>
                    </div>
                </div>
                @php
                    $jenisJaminanData = null;

                @endphp

                <div data-accordion="true">
                    @foreach ($permohonan->debiture->documents as $dokumen)
                        @php
                            $jenisJaminanData = $dokumen->jenisJaminan->name ?? '';
                        @endphp

                        <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>



        <div class="card">
            <div class="card-body">
                <form id="debiturForm"
                    action="{{ isset($analisa->id) ? route('debitur.update', $analisa->id) : route('surveyor.store') }}"
                    method="POST" enctype="multipart/form-data" class="grid gap-5">
                    @if (isset($analisa->id))
                        <input type="hidden" name="id" value="{{ $analisa->id }}">
                        @method('PUT')
                    @endif
                    @csrf

                    <input type="hidden" name="permohonan_id" value="{{ $permohonan->id }}">
                    <input type="hidden" name="jenis_jaminan_id" value="{{ request('jenis_jaminan') }}">

                    @php
                        $analisaType = 'unknown';
                        $data = [
                            'tanah' => 'Tanah',
                            'unit_rumah' => 'Rumah Tinggal / Ruko (Unit) / Apartemen (Unit) / Gudang',
                            'tanah_bangunan' => 'Kawasan Industrial / Komersil / Residensial - Perumahan',
                            'unit_gedung' => 'Gedung Apartement / Kantor / Condotel (Strata Title)',
                            'tanah_bangunan' => 'Mall',
                        ];

                        if (isset($analisa->id)) {
                            $analisaType = $analisa->type;
                        } else {
                            foreach ($data as $key => $value) {
                                if (
                                    isset($jenisJaminanData) &&
                                    trim(strtolower($jenisJaminanData)) === trim(strtolower($value))
                                ) {
                                    $analisaType = $key;
                                    break;
                                }
                            }
                        }
                        if ($analisaType === 'tanah') {
                            $analisaType = 'kendaraan';
                        }

                        if ($analisaType === 'unit_rumah' || $analisaType === 'unit_gedung') {
                            $analisaType = 'unit';
                        }
                    @endphp

                    <input type="hidden" name="action" value="{{ $analisaType }}">
                    <input type="hidden" name="type" value="{{ $analisaType }}">

                    @if ($analisaType == 'tanah_bangunan')
                        @include('lpj::surveyor.components.tanah-bangunan')
                    @elseif($analisaType == 'unit')
                        @include('lpj::surveyor.components.apartemen-kantor')
                    @elseif($analisaType == 'kendaraan')
                        @include('lpj::surveyor.components.alat-berat')
                    @endif


                    <div class=" bg-white rounded-lg shadow-md overflow-hidden">
                        <div class=" text-white py-4 px-6">
                            <h1 class="text-md font-medium text-gray-900">Analisis Lingkungan</h1>
                        </div>
                        <div class="grid gap-5">
                            <!-- Jarak dari Objek Utama -->
                            <div class="bg-gray-50 rounded-lg">
                                <div class="grid grid-cols-3 gap-5">
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Jarak Dari Jalan
                                            Utama</label>
                                        <input type="text" class="input mt-2" name="jarak_jalan_utama" placeholder="Km"
                                            value="{{ old('jarak_jalan_utama', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->jarak_jalan_utama : '') }}">
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Jarak ke CBD Point</label>
                                        <input type="text" class="input mt-2" name="jarak_cbd_point" placeholder="Km"
                                            value="{{ old('jarak_cbd_point', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->jarak_cbd_point : '') }}">
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium text-gray-700">Lebar Perkerasan Jalan Depan
                                            objek</label>
                                        <input type="text" name="lebar_perkerasan_jalan" class="input mt-2"
                                            placeholder="Meter"
                                            value="{{ old('lebar_perkerasan_jalan', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->lebar_perkerasan_jalan : '') }}">
                                    </div>
                                </div>
                                <div>
                                    <label class="block text-sm font-medium text-gray-700">Alamat</label>
                                    <input type="text" name="alamat" class="input mt-2"
                                        placeholder="Masukkan Nama Jalan"
                                        value="{{ old('alamat', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->alamat : '') }}">
                                </div>

                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Perkerasan Jalan</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('perkerasan_jalan') border-danger bg-danger-light  @enderror"
                                        name="perkerasan_jalan">
                                        <option value="">Select Perkerasan Jalan</option>
                                        @if (isset($konturTanah))
                                            @foreach ($konturTanah as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('perkerasan_jalan', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->perkerasan_jalan : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('perkerasan_jalan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Lalulintas -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Lalulintas Depan Lokasi</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('lalu_lintas') border-danger bg-danger-light  @enderror"
                                        name="lalu_lintas">
                                        <option value="">Select Lalulintas Depan Lokasi</option>
                                        @if (isset($laluLintasLokasi))
                                            @foreach ($laluLintasLokasi as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('lalu_lintas', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->lalu_lintas : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('lalu_lintas')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Golongan Hidup Sekitar -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Golongan Hidup Sekitar</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('gol_mas_sekitar') border-danger bg-danger-light  @enderror"
                                        name="gol_mas_sekitar">
                                        <option value="">Select Golongan Hidup Sekitar</option>

                                        @if (isset($golMasySekitar))
                                            @foreach ($golMasySekitar as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('gol_mas_sekitar', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->gol_mas_sekitar : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('gol_mas_sekitar')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Tingkat Keramaian -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Tingkat Keramaian</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('tingkat_keramaian') border-danger bg-danger-light  @enderror"
                                        name="tingkat_keramaian">
                                        <option value="">Select Tingkat Keramaian</option>
                                        @if (isset($tingkatKeramaian))
                                            @foreach ($tingkatKeramaian as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('tingkat_keramaian', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->tingkat_keramaian : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('tingkat_keramaian')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Tataletak di Area -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Tataletak di Area</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('terletak_diarea') border-danger bg-danger-light  @enderror"
                                        name="terletak_diarea">
                                        <option value="">Select Tataletak di Area</option>
                                        @if (isset($konturTanah))
                                            @foreach ($konturTanah as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('terletak_diarea', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->terletak_diarea : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('terletak_diarea')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Struktru tata letak -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Struktru tata letak</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <div class="grid grid-cols-2 gap-4">
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="disekitar_lokasi" value="tidak"
                                                {{ old('disekitar_lokasi', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->disekitar_lokasi : '') == 'tidak' ? 'checked' : '' }}>
                                            <span class="ml-2">Telah Ada Bangunan</span>
                                        </label>
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="disekitar_lokasi" value="ya"
                                                {{ old('disekitar_lokasi', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->disekitar_lokasi : '') == 'ya' ? 'checked' : '' }}>
                                            <span class="ml-2">Belum Ada Bangunan</span>
                                        </label>
                                    </div>

                                    @error('disekitar_lokasi')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Dekat Makam -->
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Dekat Makamh</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <div class="grid grid-cols-2 gap-4 mt-2">
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="dekat_makam" value="ya"
                                                {{ old('dekat_makam', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_makam : '') == 'ya' ? 'checked' : '' }}>
                                            <span class="ml-2">Ya</span>
                                        </label>
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="dekat_makam" value="tidak"
                                                {{ old('dekat_makam', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_makam : '') == 'tidak' ? 'checked' : '' }}>
                                            <span class="ml-2">Tidak</span>
                                        </label>
                                    </div>

                                    @error('dekatMakam')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Dekat Tps</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <div class="grid grid-cols-2 gap-4 mt-2">
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="dekat_tps" value="ya"
                                                {{ old('dekat_tps', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_tps : '') == 'ya' ? 'checked' : '' }}>
                                            <span class="ml-2">Ya</span>
                                        </label>
                                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                                            <input type="radio" class="radio" name="dekat_tps" value="tidak"
                                                {{ old('dekat_tps', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->dekat_tps : '') == 'tidak' ? 'checked' : '' }}>
                                            <span class="ml-2">Tidak</span>
                                        </label>
                                    </div>

                                    @error('dekatTps')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Merupakan daerah</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('merupakan_daerah') border-danger bg-danger-light  @enderror"
                                        name="merupakan_daerah">
                                        <option value="">Select Merupakan daerah</option>
                                        @if (isset($konturTanah))
                                            @foreach ($konturTanah as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('merupakan_daerah', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->merupakan_daerah : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('merupakan_daerah')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <!-- Fasilitas Umum Sekitar -->

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Fasilitas Umum dekat Object</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <select
                                        class="input tomselect w-full @error('fasilitas_dekat_object') border-danger bg-danger-light  @enderror"
                                        name="fasilitas_dekat_object">
                                        <option value="">Select Fasilitas Umum Ddekat Object</option>
                                        @if (isset($konturTanah))
                                            @foreach ($konturTanah as $item)
                                                <option value="{{ $item->name }}"
                                                    {{ old('fasilitas_dekat_object', isset($analisa->analisaLingkungan) ? $analisa->analisaLingkungan->fasilitas_dekat_object : '') == $item->name ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>

                                    @error('fasilitas_dekat_object')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class=" bg-white rounded-lg shadow-md overflow-hidden">
                        <div class=" py-4 px-6">
                            <h1 class="text-md font-medium text-gray-900">Analisis Fakta</h1>
                        </div>
                        <div class="grid gap-5">
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Faktor Positif</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="fakta_positif" rows="3">{{ old('fakta_positif', isset($analisa->analisaFakta) ? $analisa->analisaFakta->fakta_positif : '') }}</textarea>
                                    @error('fakta_positif')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Faktor Negatif</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="fakta_negatif" rows="3">{{ old('fakta_negatif', isset($analisa->analisaFakta) ? $analisa->analisaFakta->fakta_negatif : '') }}</textarea>
                                    @error('fakta_negatif')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Rute Menuju</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="rute_menuju" rows="3">{{ old('rute_menuju', isset($analisa->analisaFakta) ? $analisa->analisaFakta->rute_menuju : '') }}</textarea>
                                    @error('rute_menuju')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Batas batas</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <div class="grid grid-cols-2 gap-4 items-center w-full">
                                        <div>
                                            <select class="select mt-2" name="batas_batas">
                                                @if (isset($arahMataAngin))
                                                    @foreach ($arahMataAngin as $item)
                                                        <option value="{{ $item->id }}"
                                                            {{ old('batas_batas', isset($analisa->analisaFakta) ? $analisa->analisaFakta->batas_batas : '') == $item->id ? 'selected' : '' }}>
                                                            {{ $item->name }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                        <div>
                                            <input name="keteranganBatas" type="text" class="input mt-2">
                                        </div>
                                    </div>

                                    @error('batas_batas')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Kondisi lain terkait lingkungan</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="kondisi_linkungan" rows="3">{{ old('kondisi_linkungan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kondisi_linkungan : '') }}</textarea>
                                    @error('kondisi_linkungan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Kondisi lain terkait Bangunan</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="kondisi_lain_bangunan" rows="3">{{ old('kondisi_lain_bangunan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kondisi_lain_bangunan : '') }}</textarea>
                                    @error('kondisi_lain_bangunan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Informasi Terkait Dokumen</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <textarea class="textarea mt-2" name="informasi_dokument" rows="3">{{ old('informasi_dokument', isset($analisa->analisaFakta) ? $analisa->analisaFakta->informasi_dokument : '') }}</textarea>
                                    @error('informasi_dokument')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="">
                        <!-- Header -->
                        <div class="py-4 px-6">
                            <h1 class="text-md font-medium text-gray-900">Informasi Dinas Tata Ruang</h1>
                        </div>

                        <!-- Informasi Tata Ruang Form -->
                        <div class="grid gap-5">

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Peruntukan</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="peruntukan" class="input"
                                        placeholder="Masukkan Peruntukan"
                                        value="{{ old('peruntukan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->peruntukan : '') }}">
                                    @error('peruntukan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">KDB</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="kdb" class="input" placeholder="Masukkan KDB"
                                        value="{{ old('kdb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kdb : '') }}">
                                    @error('kdb')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">KDH</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="kdh" class="input" placeholder="Masukkan KDH"
                                        value="{{ old('kdh', isset($analisa->analisaFakta) ? $analisa->analisaFakta->kdh : '') }}">
                                    @error('kdh')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">GSB</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="gsb" class="input" placeholder="Masukkan GSB"
                                        value="{{ old('gsb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->gsb : '') }}">
                                    @error('gsb')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Max Lantai</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="max_lantai" class="input"
                                        placeholder="Masukkan Max Lantai"
                                        value="{{ old('max_lantai', isset($analisa->analisaFakta) ? $analisa->analisaFakta->max_lantai : '') }}">
                                    @error('maxLantai')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">KLB</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="klb" class="input" placeholder="Masukkan KLB"
                                        value="{{ old('klb', isset($analisa->analisaFakta) ? $analisa->analisaFakta->klb : '') }}">
                                    @error('klb')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">GSS</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="gss" class="input" placeholder="Masukkan GSS"
                                        value="{{ old('gss', isset($analisa->analisaFakta) ? $analisa->analisaFakta->gss : '') }}">
                                    @error('gss')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Pelebaran Jalan</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="pelebaran_jalan" class="input"
                                        placeholder="Masukkan Pelebaran Jalan"
                                        value="{{ old('pelebaran_jalan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->pelebaran_jalan : '') }}">
                                    @error('pelebaran_jalan')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">Nama Petugas TK</label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input type="text" name="nama_petugas" class="input"
                                        placeholder="Masukkan Petugas TK"
                                        value="{{ old('nama_petugas', isset($analisa->analisaFakta) ? $analisa->analisaFakta->nama_petugas : '') }}">
                                    @error('nama_petugas')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>


                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">
                                    <span class="form-label">Gistaru</span>
                                </label>
                                <div class="input-group w-full flex gap-2">
                                    <input class="name_rute" type="hidden" name="name_rute[]" value="rute">
                                    <input id="inputRute" type="file" name="foto_rute" class="file-input file-input-bordered w-full" accept="image/*">
                                    <button id="mod" type="button" class="btn btn-light" onclick="openModal('gistaru')">
                                        <i class="ki-outline ki-abstract-33"></i> Gistaru
                                    </button>
                                </div>
                            </div>
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-56">
                                    <span class="form-label">Bumi</span>
                                </label>
                                <div class="input-group w-full flex gap-2">
                                    <input class="name_rute" type="hidden" name="name_rute[]" value="rute">
                                    <input id="inputRute" type="file" name="foto_rute" class="file-input file-input-bordered w-full" accept="image/*" capture="camera">
                                    <button id="mod" type="button" class="btn btn-light" onclick="openModal('bumi')">
                                        <i class="ki-outline ki-abstract-33"></i> Bumi
                                    </button>
                                </div>
                            </div>

                        </div>

                        <!-- Peta Section -->

                        <div class="mt-2" style="margin-top: 20px">
                            <input type="hidden" name="lat" id="lat"
                                value="{{ old('lat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lat : '') }}">
                            <input type="hidden" name="lng" id="lng"
                                value="{{ old('lng', isset($analisa->analisaFakta) ? $analisa->analisaFakta->lng : '') }}">
                            <div class="bg-info border p-6 rounded-lg shadow-lg flex items-center justify-center"
                                style="height: 300px">
                                <iframe id="mapFrame" frameborder="0" style="width: 100%; height: 100%;"></iframe>
                            </div>
                        </div>


                        <!-- Upload Photo Button -->
                        <div class=" flex w-full mt-2" style="margin-top: 20px">
                            <div class="flex flex-col input-group w-full">

                                <div>
                                    @if (old('foto_tempat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->foto_tempat : ''))
                                        <img src="{{ asset('storage/' . old('foto_tempat', $analisa->analisaFakta->foto_tempat)) }}"
                                            alt="Gambar Tempat" style="width: 18rem;">
                                    @endif
                                </div>

                                <label for="" class="block text-sm font-medium text-gray-700">Upload Photo</label>
                                <input class="file-input" name="foto_tempat"
                                    value="{{ old('foto_tempat', isset($analisa->analisaFakta) ? $analisa->analisaFakta->foto_tempat : '') }}"
                                    type="file" accept="image/*" />

                                @error('foto_tempat')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror



                            </div>

                        </div>

                        <!-- Notes Section -->
                        <div class="mt-2" style="margin-top: 20px">
                            <div class="bg-white p-6 rounded-lg">
                                <h4 class="block text-sm font-medium text-gray-700 mt-2">Catatan yang Perlu Diperhatikan
                                </h4>
                                <textarea name="keterangan" class="textarea mt-2" placeholder="Masukkan catatan penting" rows="3">{{ old('keterangan', isset($analisa->analisaFakta) ? $analisa->analisaFakta->keterangan : '') }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="flex justify-end gap-2" style="margin-right: 20px; margin-top: 20px">
                        <button type="submit" class="btn btn-success">
                            Save
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="modal fade" data-modal="true" id="modal" data-backdrop="static" data-keyboard="false">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">Kunjungan</h3>
                <button class="btn btn-xs btn-icon btn-light" data-modal-dismiss="true">
                    <i class="ki-outline ki-cross"></i>
                </button>
            </div>
            <div class="modal-body" id="screenshotContainer" style="height: 500px">
                <iframe id="mapFrameGis" frameborder="0" style="width: 100%; height: 100%;"></iframe>
            </div>
            <div class="modal-footer flex justify-end">
                <button id="takeScreenshot" class="btn btn-success">Take Screenshot</button>
            </div>
        </div>
    </div>


@endsection
@push('scripts')
<script>
    function getMap(params) {
        const iframe = document.getElementById('mapFrameGis');
        const maps = [
            'https://gistaru.atrbpn.go.id/rtronline/',
            'https://bhumi.atrbpn.go.id/peta'
        ];

        iframe.src = maps[params];
    }

    function openModal(type) {
    const modal = document.getElementById('mod');
    modal.setAttribute('data-modal-toggle', '#modal');

    getMap(type === 'gistaru' ? 0 : 1);
}

    document.getElementById('takeScreenshot').addEventListener('click', () => {
        const screenshotContainer = document.getElementById('screenshotContainer');
        const canvas = document.createElement('canvas');
        canvas.width = screenshotContainer.offsetWidth;
        canvas.height = screenshotContainer.offsetHeight;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(document.getElementById('mapFrame'), 0, 0, canvas.width, canvas.height);
        const dataURL = canvas.toDataURL('image/jpeg');

        // Tampilkan gambar di atas input
        const inputRute = document.getElementById('inputRute');
        const img = document.createElement('img');
        img.src = dataURL;
        img.style.maxWidth = '100%';
        img.style.maxHeight = '200px';
        inputRute.parentNode.insertBefore(img, inputRute);

        // Isi input dengan data URL gambar
        inputRute.value = dataURL;
    });
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
    <script>
        // Fungsi untuk mengambil lokasi pengguna
        function getUserLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition, showError);
            } else {
                alert("Geolocation tidak didukung oleh browser ini.");
            }
        }

        // Fungsi untuk menampilkan posisi
        function showPosition(position) {
            var lat = position.coords.latitude;
            var lng = position.coords.longitude;
            document.getElementById('lat').value = lat;
            document.getElementById('lng').value = lng;
            var mapUrl = `https://www.google.com/maps?q=${lat},${lng}&z=15&output=embed`;
            document.getElementById('mapFrame').src = mapUrl;
        }

        // Fungsi untuk menangani error jika lokasi tidak bisa diambil
        function showError(error) {
            switch (error.code) {
                case error.PERMISSION_DENIED:
                    alert("Pengguna menolak permintaan geolokasi.");
                    break;
                case error.POSITION_UNAVAILABLE:
                    alert("Informasi lokasi tidak tersedia.");
                    break;
                case error.TIMEOUT:
                    alert("Permintaan lokasi pengguna berakhir.");
                    break;
                case error.UNKNOWN_ERROR:
                    alert("Terjadi kesalahan yang tidak diketahui.");
                    break;
            }
        }
        window.onload = getUserLocation;
    </script>
@endpush