@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>{{ $keluarga->jumlahAnggota ? $keluarga->jumlahAnggota->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->jumlah_anggota_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Bangunan</td>
            <td>{{ $keluarga->bangunan ? $keluarga->bangunan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->bangunan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Luas Bangunan</td>
            <td>{{ $keluarga->luasBangunan ? $keluarga->luasBangunan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->luas_bangunan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Atap</td>
            <td>{{ $keluarga->atap ? $keluarga->atap->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->atap_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Lantai</td>
            <td>{{ $keluarga->lantai ? $keluarga->lantai->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->lantai_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Transportasi</td>
            <td>{{ $keluarga->transportasi ? $keluarga->transportasi->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->transportasi_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Dinding</td>
            <td>{{ $keluarga->dinding ? $keluarga->dinding->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->dinding_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Pakaian</td>
            <td>{{ $keluarga->pakaian ? $keluarga->pakaian->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->pakaian_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Makan Daging</td>
            <td>{{ $keluarga->makanDaging ? $keluarga->makanDaging->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->makan_daging_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Makan</td>
            <td>{{ $keluarga->makan ? $keluarga->makan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->makan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Obat</td>
            <td>{{ $keluarga->biayaObat ? $keluarga->biayaObat->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->obat_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Biaya Sekolah</td>
            <td>{{ $keluarga->biayaSekolah ? $keluarga->biayaSekolah->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->biaya_sekolah_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Sumber Air</td>
            <td>{{ $keluarga->sumberAir ? $keluarga->sumberAir->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->sumber_air_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Sanitasi BAB</td>
            <td>{{ $keluarga->sanitasiBab ? $keluarga->sanitasiBab->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->sanitasi_bab_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Sumber Penerangan</td>
            <td>{{ $keluarga->sumberPenerangan ? $keluarga->sumberPenerangan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->sumber_penerangan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Energi Memasak</td>
            <td>{{ $keluarga->energiMemasak ? $keluarga->energiMemasak->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->energi_memasak_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Pendidikan</td>
            <td>{{ $keluarga->pendidikan ? $keluarga->pendidikan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->pendidikan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Pekerjaan</td>
            <td>{{ $keluarga->pekerjaan ? $keluarga->pekerjaan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->pekerjaan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Penghasilan</td>
            <td>{{ $keluarga->penghasilan ? $keluarga->penghasilan->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->penghasilan_id ?? '-' }}</td>
        </tr>
        <tr>
            <td>Aset Bisa Dijual</td>
            <td>{{ $keluarga->asetBisaDijual ? $keluarga->asetBisaDijual->value : '-' }}</td>
            <td class="nilai">{{ $keluarga->aset_bisa_dijual_id ?? '-' }}</td>
        </tr>
        
        <tr>
            <td style="background-color: #cfcfcbff; color: #ffffff; font-weight: bold;text-align: center;">SKORE</td>
            <td colspan=2 class="nilai" style="background-color: yellow;">{{ $keluarga->skore ?? '-' }}</td>
        </tr>
        </table>
</div>
    </div>
</div>