{{-- 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.0', $forminspeksi['fakta_positif'][0] ?? '') }}</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.0', $forminspeksi['fakta_negatif'][0] ?? '') }}</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>


                    <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.0', $forminspeksi['rute_menuju'][0] ?? '') }}</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,
                                            'value' => old('batas_batas.0', $forminspeksi['batas_batas'][0] ?? ''),
                                        ],
                                        [
                                            'label' => 'Timur',
                                            'index' => 1,
                                            'value' => $forminspeksi['batas_batas'][1] ?? '',
                                        ],
                                        [
                                            'label' => 'Selatan',
                                            'index' => 2,
                                            'value' => $forminspeksi['batas_batas'][2] ?? '',
                                        ],
                                        [
                                            'label' => 'Barat',
                                            'index' => 3,
                                            'value' => $forminspeksi['batas_batas'][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"
                                                value="{{ $item['value'] }}" />
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                            <em id="error-batas_batas" 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">Kondisi lain terkait lingkungan</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <textarea class="textarea mt-2" name="kondisi_lingkungan[]" rows="3">{{ old('kondisi_lingkungan.0', $forminspeksi['kondisi_lingkungan'][0] ?? '') }}</textarea>

                            <em id="error-kondisi_lingkungan" class="alert text-danger text-sm"></em>

                        </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.0', $forminspeksi['kondisi_lain_bangunan'][0] ?? '') }}</textarea>

                            <em id="error-kondisi_lain_bangunan" class="alert text-danger text-sm"></em>

                        </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.0', $forminspeksi['informasi_dokument'][0] ?? '') }}</textarea>

                            <em id="error-informasi_dokument" class="alert text-danger text-sm"></em>

                        </div>
                        <button class="btn btn-primary btn-sm mt-5 ">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </div>

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


 

    <script>
        function previewImage(input, previewId) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#' + previewId).attr('src', e.target.result).show();
                }
                reader.readAsDataURL(input.files[0]);
            } else {
                $('#' + previewId).hide();
            }
        }
    </script>