<div class="entity-attribute entity-attribute-images @if($errors->has((string)$attribute->getKey())) error @endif {!!$attribute->getStyleClass()!!}">

    {!! Form::label($attribute->getKey(), $attribute->getLabelText()) !!}

    <div id="image-list-{!! (string)$attribute->getKey() !!}" class="image-list">

        {{--{{dd($attribute)}}--}}
        {{--<input type="hidden" id="{!!(string)$attribute->getKey() !!}" name="{!!(string)$attribute->getKey()!!}" />--}}
        <input type="hidden" id="{!!$attribute->getKey() !!}" name="{!!$attribute->getKey()!!}" value="{{ json_encode($images) }} " />

        <ul class="thumbs">
        <li class="new-image">
            <input type="file" multiple id="{!! (string)$attribute->getKey() !!}-0" name="{!! (string)$attribute->getKey() !!}-0" accept="image/*" />
        </li>
        @if($images)
                @foreach($images as $image)
                <li class="image-thumb-li" id="image-thumb-{!! $image->id !!}">
                    <img class="image-thumb image-thumb-existing" data-image-id="{!! $image->id !!}" src="{!!$image->thumb_image_url!!}" />
                    <div class="deleteImage">⨯</div>
                </li>
                @endforeach
            @endif
        </ul>

        <div class="uploads"></div>

        <script>
            {{--{!! dd(json_encode($images)) !!}--}}

            console.log('test');
            let controller = new ImageController("{{ $attribute->getKey() }}", {!! json_encode($images, JSON_UNESCAPED_SLASHES) !!}, "{!!$attribute->getMaxImages()!!}");
            controller.initialize();
        </script>
    </div>
</div>