@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 Unit</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 Unit</label>
            <div class="flex flex-wrap items-baseline w-full">
                <div class="grid grid-cols-2 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_unit" value="sesuai"
                        {{ old('luas_unit', $forminspeksi['luas_unit'] ?? '') == '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_unit" value="tidak sesuai"
                        {{ old('luas_unit', $forminspeksi['luas_unit'] ?? '') == 'tidak sesuai' ? 'checked' : '' }}>
                        <span class="ml-2">Tidak Sesuai</span>
                    </label>
                </div>

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

            </div>
        </div>

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

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

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




        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
            <label class="form-label max-w-56">Lantai</label>
            <div class="flex flex-wrap items-baseline w-full">
                <div class="flex-wrap items-stretch">

                <div class="flex flex-col items-start gap-2">
                    @if (isset($lantai))
                        @foreach ($lantai as $item)
                            <label class="form-label flex items-center gap-2.5 text-nowrap">
                                <input class="checkbox" name="lantai[]" type="checkbox"
                                    value="{{ $item->name }}" {{ in_array($item->name, old('lantai', $forminspeksi['lantai'] ?? [])) ? 'checked' : '' }} />
                                {{ $item->name }}
                            </label>
                        @endforeach
                    @endif
                </div>
                <em id="error-lantai" class="alert text-danger text-sm"></em>
            </div>
            </div>
        </div>

        <!-- Kondisi Fisik Tanah -->

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

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