Agragar Campos en array y guardar en DB

<div class="form-group" >
        @foreach($apoyo->productos as $producto)
        <div class="row">
          <div class="col-md-4">
            <div class="form-group">
              <label for="cantidad">Cantidad</label>
              <input type="number" class="form-control" id="cantidad" placeholder="" name="productos[{{$producto->id}}][cantidad]" value="{{$producto->cantidad}}">
            </div>
          </div>


          <div class="col-md-4">
            <div class="form-group">
              <label for="unidad">unidad</label>
              <input type="text" class="form-control" id="unidad" placeholder="" name="productos[{{$producto->id}}][unidad]" value="{{$producto->unidad}}">
            </div>
          </div>

          <div class="col-md-4">
            <div class="form-group">
              <label for="Concepto">Concepto</label>
              <input type="text" class="form-control" id="concepto" placeholder="" name="productos[{{$producto->id}}][concepto]" value="{{$producto->concepto}}">
            </div>
          </div>
        </div>
        @endforeach

        <div id="products" ></div>
        <div class="row">
          <a href="javascript:;" id="add-new-product" class="btn btn-primary">Nuevo producto</a>
        </div>
      </div>  

<script>
let i = 1;
document.getElementById('add-new-product').onclick = function () {
    let template = `
    <div class="row">
    <div class="col-md-4">
      <div class="form-group">
         <label for="cantidad">Cantidad</label>
         <input type="text" class="form-control" id="cantidad" placeholder="" name="productos[${i}][cantidad]">
      </div>
    </div>
    
    <div class="col-md-4">
       <div class="form-group">
           <label for="unidad">unidad</label>
          <input type="text" class="form-control" id="unidad" placeholder="" name="productos[${i}][unidad]">
       </div>
     </div>

       <div class="col-md-4">
         <div class="form-group">
             <label for="Concepto">Concepto</label>
             <input type="text" class="form-control" id="concepto" placeholder="" name="productos[${i}][concepto]">
         </div>
       </div>
     </div>
    </div>
    `;

    let container = document.getElementById('products');
    let div = document.createElement('div');
    div.innerHTML = template;
    container.appendChild(div);

    i++;
}
</script>

$productos = [];
        $count = count($request->get('productos'));

        for($a =0 ; $a < $count ; $a++ ) {
          foreach ($request->get('productos') as $id => $value) {
            $productos[] =  Producto::find($id)
                            ? $id
                            : Producto::create($request->get('productos')[$a])->id; 
          }

        } 

        $apoyo->productos()->sync($productos);