@push('styles')
<style>
    .nilai {
        font-size: 1.25rem;
        text-align: center;
        font-weight: bold;
    }
</style>
@endpush

<div class="row m-1 border shadow-sm p-3 bg-white">
    <div class="col-12">
        <span class="fw-semibold text-secondary d-none d-md-inline my-4">PENILAIAN KELUARGA</span>
        <table class="table table-sm small fw-light border">
            <tr>
                <td>Jumlah Anggota</td>
                <td style="width: 30%;">
                    <select name="jumlah_anggota_id" class="form-select form-select-sm @error('jumlah_anggota_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($jumlah_anggota as $option)
                            <option value="{{ $option->id }}" {{ old('jumlah_anggota_id', $keluarga->jumlah_anggota_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('jumlah_anggota_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Bangunan</td>
                <td>
                    <select name="bangunan_id" class="form-select form-select-sm @error('bangunan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($bangunan as $option)
                            <option value="{{ $option->id }}" {{ old('bangunan_id', $keluarga->bangunan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('bangunan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Luas Bangunan</td>
                <td>
                    <select name="luas_bangunan_id" class="form-select form-select-sm @error('luas_bangunan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($luas_bangunan as $option)
                            <option value="{{ $option->id }}" {{ old('luas_bangunan_id', $keluarga->luas_bangunan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('luas_bangunan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Atap</td>
                <td>
                    <select name="atap_id" class="form-select form-select-sm @error('atap_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($atap as $option)
                            <option value="{{ $option->id }}" {{ old('atap_id', $keluarga->atap_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('atap_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Lantai</td>
                <td>
                    <select name="lantai_id" class="form-select form-select-sm @error('lantai_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($lantai as $option)
                            <option value="{{ $option->id }}" {{ old('lantai_id', $keluarga->lantai_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('lantai_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Transportasi</td>
                <td>
                    <select name="transportasi_id" class="form-select form-select-sm @error('transportasi_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($transportasi as $option)
                            <option value="{{ $option->id }}" {{ old('transportasi_id', $keluarga->transportasi_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('transportasi_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Dinding</td>
                <td>
                    <select name="dinding_id" class="form-select form-select-sm @error('dinding_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($dinding as $option)
                            <option value="{{ $option->id }}" {{ old('dinding_id', $keluarga->dinding_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('dinding_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Pakaian</td>
                <td>
                    <select name="pakaian_id" class="form-select form-select-sm @error('pakaian_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($pakaian as $option)
                            <option value="{{ $option->id }}" {{ old('pakaian_id', $keluarga->pakaian_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('pakaian_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Makan Daging</td>
                <td>
                    <select name="makan_daging_id" class="form-select form-select-sm @error('makan_daging_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($makan_daging as $option)
                            <option value="{{ $option->id }}" {{ old('makan_daging_id', $keluarga->makan_daging_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('makan_daging_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Makan</td>
                <td>
                    <select name="makan_id" class="form-select form-select-sm @error('makan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($makan as $option)
                            <option value="{{ $option->id }}" {{ old('makan_id', $keluarga->makan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('makan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Obat</td>
                <td>
                    <select name="obat_id" class="form-select form-select-sm @error('obat_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($jamkes as $option)
                            <option value="{{ $option->id }}" {{ old('obat_id', $keluarga->obat_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('obat_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Biaya Sekolah</td>
                <td>
                    <select name="biaya_sekolah_id" class="form-select form-select-sm @error('biaya_sekolah_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($biaya_sekolah as $option)
                            <option value="{{ $option->id }}" {{ old('biaya_sekolah_id', $keluarga->biaya_sekolah_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('biaya_sekolah_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Sumber Air</td>
                <td>
                    <select name="sumber_air_id" class="form-select form-select-sm @error('sumber_air_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($sumber_air as $option)
                            <option value="{{ $option->id }}" {{ old('sumber_air_id', $keluarga->sumber_air_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('sumber_air_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Sanitasi BAB</td>
                <td>
                    <select name="sanitasi_bab_id" class="form-select form-select-sm @error('sanitasi_bab_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($sanitasi_bab as $option)
                            <option value="{{ $option->id }}" {{ old('sanitasi_bab_id', $keluarga->sanitasi_bab_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('sanitasi_bab_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Sumber Penerangan</td>
                <td>
                    <select name="sumber_penerangan_id" class="form-select form-select-sm @error('sumber_penerangan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($sumber_penerangan as $option)
                            <option value="{{ $option->id }}" {{ old('sumber_penerangan_id', $keluarga->sumber_penerangan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('sumber_penerangan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Energi Memasak</td>
                <td>
                    <select name="energi_memasak_id" class="form-select form-select-sm @error('energi_memasak_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($energi_memasak as $option)
                            <option value="{{ $option->id }}" {{ old('energi_memasak_id', $keluarga->energi_memasak_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('energi_memasak_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Pendidikan</td>
                <td>
                    <select name="pendidikan_id" class="form-select form-select-sm @error('pendidikan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($pendidikan as $option)
                            <option value="{{ $option->id }}" {{ old('pendidikan_id', $keluarga->pendidikan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('pendidikan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Pekerjaan</td>
                <td>
                    <select name="pekerjaan_id" class="form-select form-select-sm @error('pekerjaan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($pekerjaan as $option)
                            <option value="{{ $option->id }}" {{ old('pekerjaan_id', $keluarga->pekerjaan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('pekerjaan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Penghasilan</td>
                <td>
                    <select name="penghasilan_id" class="form-select form-select-sm @error('penghasilan_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($penghasilan as $option)
                            <option value="{{ $option->id }}" {{ old('penghasilan_id', $keluarga->penghasilan_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('penghasilan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
            <tr>
                <td>Aset Bisa Dijual</td>
                <td>
                    <select name="aset_bisa_dijual_id" class="form-select form-select-sm @error('aset_bisa_dijual_id') is-invalid @enderror">
                        <option value="">-</option>
                        @foreach($aset_bisa_dijual as $option)
                            <option value="{{ $option->id }}" {{ old('aset_bisa_dijual_id', $keluarga->aset_bisa_dijual_id) == $option->id ? 'selected' : '' }}>
                                {{ $option->value }}
                            </option>
                        @endforeach
                    </select>
                    @error('aset_bisa_dijual_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </td>
            </tr>
           
        </table>
    </div>
</div>