{{-- analisa fakta --}}
    <div class="card bg-white rounded-lg  overflow-hidden">
        <div class="card-body">
            <div class=" py-4 ">
                <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>

                        <em id="error-fakta_positif" class="alert text-danger text-sm"></em>
                    </div>
                    <button type="button" class="btn btn-primary btn-sm">
                        <i class="ki-outline ki-plus"></i>
                    </button>
                </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>
                        <em id="error-fakta_negatif" class="alert text-danger text-sm"></em>
                    </div>
                    <button class="btn btn-primary btn-sm">
                        <i class="ki-outline ki-plus"></i>
                    </button>
                </div>

                @if ($analisaType != 'mesin' && $analisaType != 'kapal' && $analisaType != 'kendaraan' && $analisaType != 'pesawat')
                    <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>
                            <em id="error-rute_menuju" class="alert text-danger text-sm"></em>
                        </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-1 gap-4 items-center w-full">
                                @php
                                    $inputBatas = [];
                                    $inputBatas = [
                                        ['label' => 'Utara', 'index' => 0],
                                        ['label' => 'Timur', 'index' => 1],
                                        ['label' => 'Selatan', 'index' => 2],
                                        ['label' => 'Barat', 'index' => 3],
                                    ];
                                @endphp
                                @if ($inputBatas > 0)
                                    @foreach ($inputBatas as $item)
                                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                            <label class="form-label max-w-56">{{ $item['label'] }}</label>
                                            <input type="text" name="batas_batas" class="input" />
                                        </div>
                                    @endforeach
                                @endif
                            </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>
                        <button class="btn btn-primary btn-sm mt-5 ">
                            <i class="ki-outline ki-plus"></i>
                        </button>

                    </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>
                        <button class="btn btn-primary btn-sm mt-5 ">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </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>
                        <button class="btn btn-primary btn-sm mt-5 ">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </div>
                @endif
            </div>
        </div>
    </div>


    <!-- Informasi Tata Ruang -->
    @if ($analisaType != 'mesin' && $analisaType != 'kapal' && $analisaType != 'kendaraan' && $analisaType != 'pesawat')
        <div class="card w-full bg-white">
            <div class="card-body">


                <div class="py-4">
                    <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/*">
                            <a href="https://gistaru.atrbpn.go.id/rtronline" type="button" class="btn btn-light"
                                target="_blank">
                                <i class="ki-outline ki-abstract-33"></i> Gistaru
                            </a>
                        </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">Bhumi</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">
                            <a href="https://bhumi.atrbpn.go.id/peta" type="button" class="btn btn-light"
                                target="_blank">
                                <i class="ki-outline ki-abstract-33"></i> Bhumi
                            </a>
                        </div>
                    </div>

                    @if (isset($link_url_region->regions->url))
                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                <span class="form-label">{{ $link_url_region->regions->name_url }}</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">
                                <a href="{{ $link_url_region->regions->url }}" type="button"
                                    class="btn btn-light" target="_blank">
                                    <i class="ki-outline ki-abstract-33"></i>
                                    {{ $link_url_region->regions->name_url }}
                                </a>
                            </div>
                        </div>
                    @endif
                </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=" 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>
    @endif