<link href=" {{ asset('css/image-upload.css') }}" rel="stylesheet">

<div id="body">
    <div class="wrapper">
        @for($i = 0; $i < 3; $i++)
            <div class="box">
                <div class="required-field-block" style="position: absolute; top:0; right: 0; display: none"
                     onclick="clearInputFile(this)">
                    <div class="required-icon" style="padding-top: 5px; padding-right: 5px; width: 1.2em">
                        <span class="glyphicon glyphicon-remove" style="font-size: 1em; color: red;"></span>
                    </div>
                </div>
                <div class="js--image-preview">
                    <span class="glyphicon glyphicon-picture"></span>
                </div>
                <div class="upload-options">
                    <label>
                        <span class="glyphicon glyphicon-plus pt-1" style="font-size: 1.6em"></span>
                        {{--<input type="file" class="image-upload" accept="image/*" name="image_{{ $i }}"/>--}}
                        <input type="file" class="image-upload" accept="image/*" name="files[image_{{ $i }}]"/>
                    </label>
                </div>
            </div>
        @endfor
    </div>
</div>

<script type="text/javascript" src="{{ asset('js/image-upload-preview.js') }}"></script>