<div class="row ui-photos no-gutters px-md-0 px-5">
    @foreach ($photos as $photo)
        <div class="item col-md-3 col-xs-4" style="height: 100px">
            <div class="item-wrapper">
                <button
                        type="button"
                        data-dismiss="modal"
                        class="ajax-action-trigger btn-block btn"
                        style="height: 100%; z-index: 1; position: relative"
                        data-url="{{route('admin.articles.steps.photo', [
    $article,
    'step_category_index' => request('stepCategoryIndex'),
    'step_index' => request('stepIndex'),
    'filename' => $photo['basename'],
    ])}}"
                ><img src="{{ $photo['thumb']}}"/></button>
            </div>
        </div>
    @endforeach
    <div class="item col-md-4 col-sm-12">
    </div>
</div>
<script>
    $('.steps-xhr').xhrAction();
</script>