@extends('layouts.main')

@section('content')
<div class="container">
    <h1>Detalle del Hogar</h1>

    <div class="card mb-4">
        <div class="card-body">
            <h5 class="card-title">Información del Hogar</h5>
            <p><strong>ID del Hogar:</strong> {{ $household->id }}</p>
            <p><strong>Correlativo de segmento:</strong> {{ $household->DHV1 }}</p>
            <p><strong>Región:</strong> {{ $household->DHV2 }}</p>
	    <p><strong>Departamento:</strong> {{ $household->DHV3 }}</p>
	    <p><strong>Municipio:</strong> {{ $household->DHV4 }}</p>
	    <p><strong>Orden de vivienda en segmento:</strong> {{ $household->DHV7 }} &nbsp; <strong>Número de casa:</strong> {{ $household->DHV8 }} </p>
	    <p><strong>Número de Miembros:</strong> {{ $household->members->count() }}</p>
        </div>
    </div>

    <h3>Miembros del Hogar</h3>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Nombre</th>
                <th>Edad</th>
                <th>Sexo</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($household->members as $member)
            <tr>
                <td>{{ $member->MH2_2 }}</td>
                <td>{{ $member->MH2_4_3 }}</td>
                <td>
    		@if ($member->MH2_5 === 1)
    		    Masculino
    		@elseif ($member->MH2_5 === 2)
    		    Femenino
    		@else
    		    No especificado
    		@endif
		</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    <h3>Cuestionarios por llenar</h3>
    <div class="mb-3">
        <a href="{{ route('form.show', ['id' => 3]) }}" class="btn btn-primary {{ $adults->isEmpty() ? 'disabled' : '' }}">
            Completar Cuestionario Hogar
        </a>
        <a href="#" class="btn btn-secondary {{ $children_0_4->isEmpty() ? 'disabled' : '' }}">
            Cuestionario de 0-4 años
        </a>
        <a href="#" class="btn btn-secondary {{ $children_5_7->isEmpty() ? 'disabled' : '' }}">
            Cuestionario de 5-7 años
        </a>
        <a href="#" class="btn btn-secondary {{ $children_8_11->isEmpty() ? 'disabled' : '' }}">
            Cuestionario de 8-11 años
        </a>
        <a href="#" class="btn btn-secondary {{ $children_12_17->isEmpty() ? 'disabled' : '' }}">
            Cuestionario de 12-17 años
        </a>
    </div>
</div>
@endsection