@foreach (range(1,$cantidad) as $numero)
<div class="row my-4">
    <div class="row">
        <div class="col">
            <span class="text-center"><b>Hijo {{ $numero }}</b></span>
        </div>                        
    </div>
    <!--- Nombre --->
    <div class="row">
        <div class="col-12 col-md-4 my-2">
            <label for="nombre_hijo_{{ $numero }}" class="form-label">Nombre</label>
            <input type="text" id="nombre_hijo_{{ $numero }}" name="nombre_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
        <!--- Apellido ----->
        <div class="col-12 col-md-4 my-2">
            <label for="apellido_hijo_{{ $numero }}" class="form-label">Apellido</label>
            <input type="text" id="apellido_hijo_{{ $numero }}" name="apellido_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
        <!--- Nacionalidad ----->
        <div class="col-12 col-md-4 my-2">
            <label for="nacionalidad_hijo_{{ $numero }}" class="form-label">Nacionalidad</label>
            <select name="nacionalidad_hijo_{{ $numero }}" id="nacionalidad_hijo_{{ $numero }}" class="form-select form-select-sm">
                <option value="">Seleccione su nacionalidad</option>
            </select>
        </div>
    </div>
    <!---->
    <div class="row">
        <!--- Identificacion -->
        <div class="col-12 col-md-4 my-2">
            <label for="identificacion_hijo_{{ $numero }}" class="form-label">Identificacion</label>
            <input type="text" id="identificacion_hijo_{{ $numero }}" name="identificacion_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
        <!-- Fecha de Nacimiento --->
        <div class="col-12 col-md-4 my-2">
            <label for="fecha_nacimiento_hijo_{{ $numero }}" class="form-label">Fecha de Nacimiento</label>
            <input type="text" id="fecha_nacimiento_hijo_{{ $numero }}" name="fecha_nacimiento_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
        <!-- Vive --->
        <div class="col-12 col-md-4 my-2">
            <label for="vive_hijo_{{ $numero }}" class="form-label">¿Vive?</label>
            <input type="text" id="vive_hijo_{{ $numero }}" name="vive_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
    </div>
    <!---->
    <div class="row">
        <!--- Escolaridad -->
        <div class="col-12 col-md-4 my-2">
            <label for="escolaridad_hijo_{{ $numero }}" class="form-label">Escolaridad</label>
            <select name="escolaridad_hijo_{{ $numero }}" id="escolaridad_hijo_{{ $numero }}" class="form-select form-select-sm">
                <option value="">Seleccione la opcion</option>
                <option value="sin_dato">Sin dato</option>
                <option value="primaria">Primaria</option>
                <option value="secundaria">Secundaria</option>
                <option value="universitaria">Universitaria</option>
            </select>
        </div>
        <!-- Trabajo --->
        <div class="col-12 col-md-8 my-2" id="seccion_trabajo_hijo_{{ $numero }}">
            <label for="trabajo_hijo_{{ $numero }}" class="form-label">¿Trabaja?</label>
            <select name="trabajo_hijo_{{ $numero }}" id="trabajo_hijo_{{ $numero }}" class="form-select form-select">
                <option value="">Seleccione la opcion</option>
                <option value="Y">Si</option>
                <option value="N">No</option>
            </select>
        </div>
        <!-- Lugar de Trabajo --->
        <div class="col-12 col-md-4 my-2 d-none" id="seccion_lugar_trabajo_hijo_{{ $numero }}">
            <label for="lugar_trabajo_hijo_{{ $numero }}" class="form-label">¿Donde?</label>
            <input type="text" id="lugar_trabajo_hijo_{{ $numero }}" name="lugar_trabajo_hijo_{{ $numero }}" class="form-control form-control-sm">
        </div>
    </div>
</div>
<script>
    var cantidad = <?php echo($numero) ?>;
    //----
    camposTrabajoHijos(cantidad);
</script>
@endforeach