Dropzone в laravel foreach Blade не работает

У меня есть цикл foreach продукта товары в корзине могут получить много фотографий от пользователя пользователи загружают фото в продукт (продают фото фермы) модальное находится в цикле foreach

Когда модальное окно открыто, dropzone не работает и появляется эта ошибка:

Dropzone.js:1 Uncaught Error: Dropzone уже подключен.

Мой модальный

<div class = "modal fade"  id = "productmultiplephoto-{{$product->pivot->id}}" role = "dialog" aria-labelledby = "productmultiplephoto" aria-hidden = "true">
<div class = "modal-dialog modal-lg">
    <div class = "modal-content">
        <div class = "modal-header pb-0">
            <h5 class = "modal-title" id = "price-changes-modal-label"></h5>
            <button type = "button" class = "close" data-dismiss = "modal"
                    aria-label = "Close">
                <span aria-hidden = "true">&times;</span>
            </button>
        </div>
        <div class = "modal-body">

               <div class = "__img">
                   <div class = "form-group">
                       <input type = "hidden" name = "original_name[]" id = "product-photo">
                       <input name = "product_id"  value = "{{$product->id}}" type = "hidden"  id = "product_id" >
                       <input name = "product_pivot"  value = "{{$product->pivot->id}}" type = "hidden"  id = "product_pivot" >
                       <input name = "cartproduct_id"   type = "hidden"  id = "cartproduct_id"value = "{{$product->pivot->id}}" >

                       <label for = "photog">upload</label>
                       <input type = "hidden" name = "original_name[]" id = "product-photo">
                       <div id = "photog" class = "dropzone" ></div>
                   </div>
               </div>

        </div>
    </div>
</div>

Мой сценарий

 <script>
    Dropzone.autoDiscover = false;

    var photosGallery = []
    var drop = new Dropzone('#photog', {
        addRemoveLinks: true,
        url: "{{ route('front.photouser.upload') }}",
        type:"POST",

        sending: function(file, xhr, formData){
            formData.append("_token","{{csrf_token()}}")
            formData.append("product_id", document.getElementById('product_id').value);
            formData.append("product_pivot", document.getElementById('product_pivot').value);
            formData.append("cartproduct_id", document.getElementById('cartproduct_id').value);
        },
        success: function(file, response){
            photosGallery.push(response.original_name)
            if (response['level'] == 1) {
                $('.level1_message').html(response['message']);

            }
        }
    });
    productGallery = function(){
        document.getElementById('product-photo').value = photosGallery
    }

</script>

Моя модальная кнопка

@foreach($cart->products as $product)
     <button  type = "button" data-toggle = "modal" data-target = "#productmultiplephoto-{{$product->pivot->id}}" class = "btn-primary-multiple btn-primary-cm btn-with-icon">
    <i class = "mdi mdi-plus-box-multiple"></i>
        upload
    </button>
   @endforeach

Включить модальную часть

@include('front::products.partials.add-multiple-photo')