@include('lpj::surveyor.components.header')

<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
    <div class="card-body">


        <div class="py-4 ">
            <h1 class="text-md font-medium text-gray-900">Analisa Tanah</h1>
        </div>
        <div class="grid gap-5">
            <!-- Luas tanah -->
            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Luas Tanah</label>
                <div class="mt-2">
                    @if (isset($permohonan->debiture->documents))
                        @foreach ($permohonan->debiture->documents as $item)
                            @php
                                $luas = $item->detail;
                                $details = json_decode($luas[0]->details, true);
                                $luas_tanah = isset($details['luas_tanah']) ? $details['luas_tanah'] : 'N/A';
                            @endphp
                            <input type="hidden" name="luas_tanah_sesuai" class="input" value="{{ $luas_tanah }}">
                            <p class="text-2sm text-gray-700">{{ $luas_tanah }} m<sup>2</sup></p>
                        @endforeach
                    @endif
                    <div class="flex-wrap items-stretch">
                        <div class="flex flex-wrap items-baseline w-full">
                            <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
                                <label class="form-label flex items-center gap-3 text-nowrap">
                                    <input type="radio" class="radio" name="luas_tanah" value="sesuai"
                                        onclick="toggleFieldVisibility('luas_tanah', 'luas_tanah_tidak_sesuai', ['tidak sesuai'])"
                                        {{ old('luas_tanah', isset($forminspeksi['tanah']['luas_tanah']['sesuai'])) ? 'checked' : '' }}>
                                    <span class="ml-2">Sesuai</span>
                                </label>
                                <label class="form-label flex items-center gap-2.5 text-nowrap">
                                    <input type="radio" class="radio" name="luas_tanah" value="tidak sesuai"
                                        onclick="toggleFieldVisibility('luas_tanah', 'luas_tanah_tidak_sesuai', ['tidak sesuai'])"
                                        {{ old('luas_tanah', isset($forminspeksi['tanah']['luas_tanah']['tidak sesuai'])) ? 'checked' : '' }}>
                                    <span class="ml-2">Tidak Sesuai</span>
                                </label>
                                <div id="luas_tanah_tidak_sesuai" class="flex items-baseline gap-2"
                                    style="{{ old('luas_tanah', isset($forminspeksi['tanah']['luas_tanah']['tidak sesuai'])) ? '' : 'display: none;' }}">
                                    <input id="analisa_tanah_tidak_sesuai" type="text" name="luas_tanah_tidak_sesuai"
                                        class="input w-full" placeholder="Masukan Luas Tanah"
                                        value="{{ old('luas_tanah_tidak_sesuai', $forminspeksi['tanah']['luas_tanah']['tidak sesuai'] ?? '') }}">
                                    <button type="button" class="btn btn-md btn-primary"
                                        onclick="updateAnalisa('analisa_tanah')">Save</button>
                                </div>
                            </div>
                            <em id="error-luas_tanah" class="alert text-danger text-sm"></em>
                        </div>
                    </div>
                </div>
            </div>


            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Hadap Mata Angin</label>
                <div class="mt-2">
                @if (isset($permohonan->debiture->documents))
                        @foreach ($permohonan->debiture->documents as $item)
                            @php
                                $luas = $item->detail;
                                $details = json_decode($luas[0]->details, true);
                                $hadap_mata_angin = isset($details['hadap_mata_angin']) ? $details['hadap_mata_angin'] : 'N/A';
                            @endphp
                            <input type="hidden" name="hadap_mata_angin_sesuai" class="input" value="{{ $hadap_mata_angin }}">
                            <p class="text-2sm text-gray-700">{{ $hadap_mata_angin }} m<sup>2</sup></p>
                        @endforeach
                    @endif
                <div class="flex-wrap items-stretch">
                    <div class="grid grid-cols-3 md:grid-cols-3 gap-4 mt-2">
                        <label class="form-label flex items-center gap-3 text-nowrap">
                            <input type="radio" class="radio" name="hadap_mata_angin" value="sesuai"
                                onclick="toggleFieldVisibility('hadap_mata_angin', 'hadap_mata_angin_tidak_sesuai' ,['tidak sesuai'])"
                                {{ old('hadap_mata_angin', isset($forminspeksi['tanah']['hadap_mata_angin']['sesuai'])) ? 'checked' : '' }}>
                            <span class="ml-2">Sesuai</span>
                        </label>

                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                            <input type="radio" class="radio" name="hadap_mata_angin" value="tidak sesuai"
                                onclick="toggleFieldVisibility('hadap_mata_angin', 'hadap_mata_angin_tidak_sesuai' ,['tidak sesuai'])"
                                {{ old('hadap_mata_angin', isset($forminspeksi['tanah']['hadap_mata_angin']['tidak sesuai'])) ? 'checked' : '' }}>
                            <span class="ml-2">Tidak Sesuai</span>
                        </label>

                        <!-- Select dropdown untuk "Tidak Sesuai" -->

                        <div id="hadap_mata_angin_tidak_sesuai" class="flex items-baseline gap-2"
                            style="{{ old('hadap_mata_angin', isset($forminspeksi['tanah']['hadap_mata_angin']['tidak sesuai'])) ? '' : 'display: none;' }}">
                            <select class="input w-full
                                id="hadap_matangin_tidak_sesuai"
                                name="analisa_tanah_hadap_mata_angin_tidak_sesuai">
                                <option value="">Select Hadap Mata Angin</option>
                                @if (isset($arahMataAngin))
                                    @foreach ($arahMataAngin as $item)
                                        <option value="{{ $item->name }}"
                                            {{ old('hadap_mata_angin_tidak_sesuai', $forminspeksi['tanah']['hadap_mata_angin']['tidak sesuai'] ?? '') == $item->name ? 'selected' : '' }}>
                                            {{ $item->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                            {{-- <button type="button" class="btn btn-md btn-primary" onclick="updateAnalisa('hadap_mata_angin')">Save</button> --}}
                        </div>
                    </div>
                    <em id="error-hadap_mata_angin" class="alert text-danger text-sm"></em>
                </div>
            </div>
            </div>


            <!-- Bentuk Tanah -->

            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Bentuk Tanah</label>
                <div class="flex-wrap items-stretch">
                    <div class="flex flex-col items-start gap-4">
                        @if (isset($bentukTanah))
                            @foreach ($bentukTanah as $item)
                                <div class="flex items-center">
                                    <label class="form-label flex items-center gap-2.5 text-nowrap">
                                        <input class="checkbox" name="bentuk_tanah[]" type="checkbox"
                                            value="{{ $item->name }}"
                                            {{ in_array($item->name, old('bentuk_tanah', [])) ||
                                            (isset($forminspeksi['tanah']['bentuk_tanah']['bentuk_tanah']) &&
                                                is_array($forminspeksi['tanah']['bentuk_tanah']['bentuk_tanah']) &&
                                                in_array($item->name, $forminspeksi['tanah']['bentuk_tanah']['bentuk_tanah']))
                                                ? 'checked'
                                                : '' }}
                                            onclick="toggleCheckboxVisibility('bentuk_tanah', 'bentuk_tanah_lainnya', ['lainnya'])" />
                                        {{ $item->name }}
                                    </label>
                                    @if (strcasecmp($item->name, 'lainnya') == 0)
                                        <input id="bentuk_tanah_lainnya" type="text" style="display: none;"
                                            name="bentuk_tanah_lainnya" class="input w-full mt-2"
                                            placeholder="Masukkan bentuk tanah..."
                                            value="{{ old('bentuk_tanah_lainnya', $forminspeksi['tanah']['bentuk_tanah']['lainnya'] ?? '') }}" />
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <em id="error-bentuk_tanah" class="alert text-danger text-sm"></em>
                </div>
            </div>

            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Kontur Tanah</label>
                <div class="flex-wrap items-stretch">
                    <div class="flex flex-col items-start gap-4">
                        @if (isset($konturTanah))
                            @foreach ($konturTanah as $item)
                                <label class="form-label flex items-center gap-2.5 text-nowrap">
                                    <input class="checkbox" name="kontur_tanah[]" type="checkbox"
                                        value="{{ $item->name }}"
                                        {{ in_array($item->name, old('kontur_tanah', $forminspeksi['tanah']['kontur_tanah'] ?? [])) ? 'checked' : '' }} />
                                    {{ $item->name }}
                                </label>
                            @endforeach
                        @endif
                    </div>
                    <em id="error-kontur_tanah" class="alert text-danger text-sm"></em>
                </div>
            </div>


            <!-- Beda Ketinggian Dengan Jalan -->
            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Beda Ketinggian Dengan Jalan</label>
                <div class="flex-wrap items-stretch">
                    <div class="flex flex-col items-start gap-4">
                        @if (isset($ketinggianTanah))
                            @foreach ($ketinggianTanah as $item)
                                <div class="flex flex-col gap-2">
                                    <label class="form-label flex items-center gap-2.5 text-nowrap">
                                        <input class="checkbox" name="ketinggian_jalan[]" type="checkbox"
                                            value="{{ $item->name }}"
                                            {{ in_array($item->name, old('ketinggian_jalan', $forminspeksi['tanah']['ketinggian_jalan'] ?? [])) ? 'checked' : '' }}
                                            onclick="toggleMultipleFields('ketinggian_jalan', {
                                                'Lebih Tinggi': 'input-lebih-tinggi',
                                                'Lebih Rendah': 'input-lebih-rendah'
                                            })" />
                                        {{ $item->name }}
                                    </label>
                                    @if (strcasecmp($item->name, 'Lebih Tinggi') == 0)
                                        <input id="input-lebih-tinggi" type="text" style="display: none;"
                                            name="ketinggian_lebih_tinggi" class="input w-full mt-2"
                                            placeholder="m2" />
                                    @elseif (strcasecmp($item->name, 'Lebih Rendah') == 0)
                                        <input id="input-lebih-rendah" type="text" style="display: none;"
                                            name="ketinggian_lebih_rendah" class="input w-full mt-2"
                                            placeholder="m2" />
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <em id="error-ketinggian_jalan" class="alert text-danger text-sm"></em>
                </div>
            </div>




            <!-- Kontur Jalan Depan Objek -->
            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Kontur Jalan Depan Objek</label>
                <div class="flex-wrap items-stretch">
                    <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                            <input type="radio" class="radio" name="kontur_jalan" value="menurun"
                                {{ old('kontur_jalan', $forminspeksi['tanah']['kontur_jalan'] ?? '') == 'menurun' ? 'checked' : '' }}>
                            <span class="ml-2">Menurun</span>
                        </label>
                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                            <input type="radio" class="radio" name="kontur_jalan" value="rata"
                                {{ old('kontur_jalan', $forminspeksi['tanah']['kontur_jalan'] ?? '') == 'rata' ? 'checked' : '' }}>
                            <span class="ml-2">Rata</span>
                        </label>
                    </div>
                    <em id="error-kontur_jalan" class="alert text-danger text-sm"></em>
                </div>
            </div>


            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Posisi Kavling</label>
                <div class="flex-wrap items-stretch">
                    <div class="flex flex-col items-start gap-4">
                        @if (isset($posisiKavling))
                            @foreach ($posisiKavling as $item)
                                <div class="flex items-center">
                                    <label class="form-label flex items-center gap-2.5 text-nowrap">
                                        <input class="checkbox" name="posisi_kavling[]" type="checkbox"
                                            value="{{ $item->name }}"
                                            {{ in_array($item->name, old('posisi_kavling', $forminspeksi['tanah']['posisi_kavling']['posisi_kavling'] ?? [])) ? 'checked' : '' }}
                                            onclick="toggleCheckboxVisibility('posisi_kavling', 'posisi_kavling_lainnya', ['Lainnya'])" />
                                        {{ $item->name }}
                                    </label>
                                    @if (strcasecmp($item->name, 'Lainnya') == 0)
                                        <input id="posisi_kavling_lainnya" type="text" style="display: none;"
                                            name="posisi_kavling_lainnya" class="input w-full mt-2"
                                            placeholder="Masukkan Posisi Kavling lainnya..."  value="{{ old('posisi_kavling_lainnya', $forminspeksi['tanah']['posisi_kavling']['lainnya'] ?? '') }}" />
                                    @endif
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <em id="error-posisi_kavling" class="alert text-danger text-sm"></em>
                </div>
            </div>


            <!-- Tusuk Sate -->
            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Tusuk Sate</label>
                <div class="flex-wrap items-stretch">
                    <div class="grid grid-cols-2 md:grid-cols-3 gap-4 mt-2">
                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                            <input type="radio" class="radio" name="tusuk_sate" value="yes"
                                {{ old('tusuk_sate') == 'yes' || (isset($forminspeksi['tanah']['tusuk_sate']) && $forminspeksi['tanah']['tusuk_sate'] == 'yes') ? '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="tusuk_sate" value="no"
                                {{ old('tusuk_sate') == 'no' || (isset($forminspeksi['tanah']['tusuk_sate']) && $forminspeksi['tanah']['tusuk_sate'] == 'no') ? 'checked' : '' }}>
                            <span class="ml-2">Tidak</span>
                        </label>
                    </div>
                    <em id="error-tusuk_sate" class="alert text-danger text-sm"></em>
                </div>
            </div>

            <!-- Lockland -->
            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Lockland</label>
                <div class="flex-wrap items-stretch">
                    <div class="grid grid-cols-2 md:grid-cols-3 gap-4 mt-2">
                        <label class="form-label flex items-center gap-2.5 text-nowrap">
                            <input type="radio" class="radio" name="lockland" value="yes"
                                {{ old('lockland') == 'yes' || (isset($forminspeksi['tanah']['lockland']) && $forminspeksi['tanah']['lockland'] == 'yes') ? '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="lockland" value="no"
                                {{ old('lockland') == 'no' || (isset($forminspeksi['tanah']['lockland']) && $forminspeksi['tanah']['lockland'] == 'no') ? 'checked' : '' }}>
                            <span class="ml-2">Tidak</span>
                        </label>
                    </div>
                    <em id="error-lockland" class="alert text-danger text-sm"></em>
                </div>
            </div>

            <!-- Kondisi Fisik Tanah -->
            <div class="flex items-stretch flex-wrap lg:flex-nowrap gap-2.5">
                <label class="form-label max-w-56">Kondisi Fisik Tanah</label>
                <div class="flex-wrap items-stretch">
                    <div class="flex flex-col items-start gap-4">
                        @if (isset($kondisiFisikTanah))
                            @foreach ($kondisiFisikTanah as $item)
                                <label class="form-label flex items-center gap-2.5 text-nowrap">
                                    <input class="checkbox" name="kondisi_fisik_tanah[]" type="checkbox"
                                        value="{{ $item->name }}"
                                        {{ in_array($item->name, old('kondisi_fisik_tanah', [])) || (isset($forminspeksi['tanah']['kondisi_fisik_tanah']['kondisi_fisik_tanah']) && in_array($item->name, $forminspeksi['tanah']['kondisi_fisik_tanah']['kondisi_fisik_tanah'])) ? 'checked' : '' }}
                                        onclick="toggleInputLainnya(this, 'kondisi_fisik_tanah_lainnya', '{{ $item->name }}')" />
                                    {{ $item->name }}
                                </label>

                                <!-- Display input field only if "lainnya" is selected -->
                                @if (strcasecmp($item->name, 'lainnya') == 0)
                                    <div class="flex items-center">
                                        <input type="text" name="kondisi_fisik_tanah_lainnya"
                                            id="kondisi_fisik_tanah_lainnya" class="input mt-2"
                                            placeholder="Masukkan Kondisi Fisik Tanah..." style="display: none;"
                                            value="{{ old('kondisi_fisik_tanah_lainnya', isset($forminspeksi['tanah']['kondisi_fisik_tanah']['lainnya'])) }}">
                                    </div>
                                @endif
                            @endforeach
                        @endif
                    </div>
                    <em id="error-kondisi_fisik_tanah" class="alert text-danger text-sm"></em>
                </div>
            </div>
        </div>
    </div>
</div>