{{-- 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 id="fakta-positif-container" class="flex flex-wrap items-baseline w-full">
                        <div class="fakta_positif flex items-center gap-2 mt-2 textarea-group w-full">
                            <textarea class="textarea mt-2" name="fakta_positif[]" rows="3">{{ old('fakta_positif.0', $forminspeksi['fakta_positif'][0] ?? '') }}</textarea>
                            <button class="btn btn-danger btn-sm remove-btn" type="button" style="display: none;">
                                <i class="ki-outline ki-trash"></i>
                            </button>
                            <em id="error-fakta_positif" class="alert text-danger text-sm"></em>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm mt-5"
                            onclick="addClonableItem('fakta-positif-container', 'fakta_positif')">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </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 id="fakta-negatif-container" class="flex flex-wrap items-baseline w-full">
                        <div class="fakta_negatif flex items-center gap-2 mt-2 textarea-group w-full">
                            <textarea class="textarea mt-2" name="fakta_negatif[]" rows="3">{{ old('fakta_negatif.0', $forminspeksi['fakta_negatif'][0] ?? '') }}</textarea>
                            <button class="btn btn-danger btn-sm remove-btn" type="button" style="display: none;">
                                <i class="ki-outline ki-trash"></i>
                            </button>
                            <em id="error-fakta_negatif" class="alert text-danger text-sm"></em>
                        </div>
                        <button type="button" class="btn btn-primary btn-sm mt-5"
                            onclick="addClonableItem('fakta-negatif-container', 'fakta_negatif')">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </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.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">

                            @if (isset($arahMataAngin))
                                @foreach ($arahMataAngin as $item)
                                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                        <label class="form-label max-w-56 gap-2.5" style="width: 500px">
                                            <input class="checkbox" name="batas_batas[]" type="checkbox"
                                                value="{{ $item->name }}"
                                                {{ in_array($item->name, old('batas_batas', $forminspeksi['batas_batas'] ?? [])) ? 'checked' : '' }} />
                                            {{ $item->name }}
                                        </label>
                                        <input type="text" name="batas_batas_input[]" class="input w-full"
                                            id="bentukTanahInput" placeholder="Masukkan Batas {{ $item->name }}..."
                                            value="{{ old('batas_batas_input.' . $loop->index, $forminspeksi['batas_batas_input'][$loop->index] ?? '') }}">
                                    </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" id="kondisi-lingkungan-container">
                        <div class="kondisi_lingkungan flex items-center gap-2 mt-2 textarea-group w-full">
                            <textarea class="textarea mt-2" name="kondisi_lingkungan[]" rows="3" placeholder="Tambahkan keterangan"></textarea>
                            <button class="btn btn-danger btn-sm remove-btn" type="button" style="display: none;">
                                <i class="ki-outline ki-trash"></i>
                            </button>
                            <em id="error-kondisi_lingkungan" class="alert text-danger text-sm"></em>
                        </div>

                        <button class="btn btn-primary btn-sm mt-5" type="button"
                            onclick="addClonableItem('kondisi-lingkungan-container', 'kondisi_lingkungan')">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </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 id="kondisi-lain-bangunan-container" class="flex flex-wrap items-baseline w-full">


                        <div class="kondisi_lain_bangunan flex items-center gap-2 mt-2 textarea-group w-full">
                            <textarea class="textarea mt-2" name="kondisi_lain_bangunan[]" rows="3">{{ old('kondisi_lain_bangunan.0', $forminspeksi['kondisi_lain_bangunan'][0] ?? '') }}</textarea>
                            <button class="btn btn-danger btn-sm remove-btn" type="button" style="display: none;">
                                <i class="ki-outline ki-trash"></i>
                            </button>
                            <em id="error-kondisi_lain_bangunan" class="alert text-danger text-sm"></em>
                        </div>
                        <button type="button"
                            onclick="addClonableItem('kondisi-lain-bangunan-container', 'kondisi_lain_bangunan')"
                            class="btn btn-primary btn-sm mt-5 ">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </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 id="informasi-dokument-container" class="flex flex-wrap items-baseline w-full">
                        <div class="informasi_dokument flex items-center gap-2 mt-2 textarea-group w-full">
                            <textarea class="textarea mt-2" name="informasi_dokument" rows="3">{{ old('informasi_dokument.0', $forminspeksi['informasi_dokument'][0] ?? '') }}</textarea>
                            <button class="btn btn-danger btn-sm remove-btn" type="button" style="display: none;">
                                <i class="ki-outline ki-trash"></i>
                            </button>
                            <em id="error-informasi_dokument" class="alert text-danger text-sm"></em>
                        </div>
                        <button class="btn btn-primary btn-sm mt-5 " type="button"
                            onclick="addClonableItem('informasi-dokument-container', 'informasi_dokument')">
                            <i class="ki-outline ki-plus"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>