Generar Elementos Dinamicos

[mixzplit]

Buenas noches / dias compañeros, parece un tema muy comentado pero realmente no me ha funcionado nada y aqui les explico mi pequeño problema que me tiene un poco estresado, parece algo sencillo, pero a mi se ha puesto algo rudo resolverlo, les explico:

Tengo mi aplicacion en Laravel, estoy enviando mis datos a la vista donde tengo 2 etiquetas, un select y un elemento slider que lo uso con el plugin "noUiSlider".

En donde van los slider, se deben generar segun los datos que envio desde mi controlador y lo meto dentro de un foreach, pero estos elementos deben tener un id distinto en cada iteraccion del foreach, por lo que hice fue agegar el id de mi valor de la BD en el id del elemento, aqui el codigo:

Código HTML:

@foreach( $xxams as $items)
    <?php $id = $items->id ?>
    <div class="clearfix"></div>
    <div class="col-md-4">
          <div class="m-b-20">{{ $items->nombre }}</div>
          <div class="clearfix">
          <div class="input-slider m-b-25" id="slider{{$id}}"></div>
          <strong class="pull-right text-muted" id="value-lower{{$id}}"></strong>
             </div>    
    </div>
@endforeach
 

En el codigo anterior recorro la variable que envio desde mi controlador y lo muestro, pero el slider solo se muestra al final, mi javascript es el siguiente:

Código Javascript:

$(document).ready(function() {
    loadId({{$id}});
});
 
        function loadId(id){
 
            $('#slider{{$id}}').noUiSlider ({
                start: [ 1 ],
                //connect: true,
                //direction: 'rtl',
                behaviour: 'tap-drag',
                step: 1,
                range: {
                    'min': 1,
                    'max': 10
                }
            });
    
            $('#slider{{$id}}').Link('lower').to($('#value-lower{{$id}}'));
        }
 

Con este codigo, solo me devuelve el ultimo elemento de la iteraccion del foreach, es logico, ya que nose esta almacenando el id en un array para despues recorrerlo en javascript, pero realmente no se como hacer para que me imprima el slider en cada iteraccion, no se como almacer en un array el id de cada iteraccion en javascript, realmente no logro hacerlo funcionar. No soy un genio usando Jquery o Javascript

Espero haberme explicado y ojala puedan ayudarme

Saludos