@if (sizeof($files) > 0 || sizeof($directories) > 0)
    <div class="row">
        @foreach ($items as $item)
            @php
                // Debugging output
                echo '<pre>';
                print_r($item->path);
                print_r($item->thumb);
                echo '</pre>';
            @endphp
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 img-row">
                                                
                <div class="square clickable {{ $item->is_file ? '' : 'folder-item' }}" data-id="{{ $item_path }}"
                    @if ($item->is_file && $thumb_src) onclick="useFile('{{ $item_path }}', '{{ $item->updated }}')"
           @elseif($item->is_file) onclick="download('{{ $item_name }}')" @endif>
                    @if ($thumb_src)
                        <img src="{{ $thumb_src }}" alt="{{ $item_name }}">
                    @else
                        <i class="fa {{ $item->icon }} fa-5x"></i>
                    @endif
                </div>

                <div class="caption text-center">
                    <div class="btn-group">
                        <button type="button" data-id="{{ $item_path }}"
                            class="item_name btn btn-default btn-xs {{ $item->is_file ? '' : 'folder-item' }}"
                            @if ($item->is_file && $thumb_src) onclick="useFile('{{ $item_path }}', '{{ $item->updated }}')"
                @elseif($item->is_file) onclick="download('{{ $item_name }}')" @endif>
                            {{ $item_name }}
                        </button>
                        <button type="button" class="btn btn-default dropdown-toggle btn-xs" data-toggle="dropdown"
                            aria-expanded="false">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="javascript:rename('{{ $item_name }}')"><i class="fa fa-edit fa-fw"></i>
                                    Rename</a></li>
                            @if ($item->is_file)
                                <li><a href="javascript:download('{{ $item_name }}')"><i
                                            class="fa fa-download fa-fw"></i>
                                        Download</a></li>
                                <li class="divider"></li>
                                @if ($thumb_src)
                                    <li><a href="javascript:fileView('{{ $item_path }}', '{{ $item->updated }}')"><i
                                                class="fa fa-image fa-fw"></i>
                                            Preview</a></li>
                                    <li><a href="javascript:resizeImage('{{ $item_name }}')"><i
                                                class="fa fa-arrows fa-fw"></i>
                                            Resize</a></li>
                                    <li><a href="javascript:cropImage('{{ $item_name }}')"><i
                                                class="fa fa-crop fa-fw"></i>
                                            Crop</a></li>
                                    <li class="divider"></li>
                                @endif
                            @endif
                            <li><a href="javascript:trash('{{ $item_name }}')"><i class="fa fa-trash fa-fw"></i>
                                    Delete</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@else
    <p>{{ Lang::get('laravel-filemanager::lfm.message-empty') }}</p>
@endif