<div class="container">
    <div class="row">

        <?php if((sizeof($files) > 0) || (sizeof($directories) > 0)): ?>

            <?php foreach($directories as $key => $dir_name): ?>
                <div class="col-sm-6 col-md-2">
                    <div class="thumbnail text-center" data-id="<?php echo e($dir_name); ?>">
                        <a id="folder_<?php echo e($key); ?>" data-id="<?php echo e($dir_name); ?>" onclick="clickFolder('folder_<?php echo e($key); ?>',0)" class="folder-icon pointer">
                            <?php /*<i class="fa fa-folder-o fa-5x"></i>*/ ?>
                            <img src="/vendor/laravel-filemanager/img/folder.jpg">
                        </a>
                    </div>
                    <div class="caption text-center">
                        <div class="btn-group">
                            <button type="button" onclick="clickFolder('folder_<?php echo e($key); ?>',0)" class="btn btn-default btn-xs">
                                <?php echo e(str_limit($dir_name, $limit = 10, $end = '...')); ?>

                            </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('<?php echo e($dir_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-rename')); ?></a></li>
                                <li><a href="javascript:trash('<?php echo e($dir_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-delete')); ?></a></li>
                            </ul>
                        </div>

                    </div>
                </div>
            <?php endforeach; ?>

            <?php foreach($files as $key => $file): ?>

                <?php $file_name = $file_info[$key]['name'];?>
                <?php $thumb_src = $thumb_url . $file_name;?>

                <div class="col-sm-6 col-md-2 img-row">

                    <div class="thumbnail thumbnail-img" data-id="<?php echo e($file_name); ?>" id="img_thumbnail_<?php echo e($key); ?>">
                        <img id="<?php echo e($file); ?>" src="<?php echo e($thumb_src); ?>" alt="" style="cursor:pointer;" onclick="useFile('<?php echo e($file_name); ?>')">
                    </div>

                    <div class="caption text-center">
                        <div class="btn-group ">
                            <button type="button" onclick="useFile('<?php echo e($file_name); ?>')" class="btn btn-default btn-xs">
                                <?php echo e(str_limit($file_name, $limit = 10, $end = '...')); ?>

                            </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('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-rename')); ?></a></li>
                                <li><a href="javascript:fileView('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-view')); ?></a></li>
                                <li><a href="javascript:download('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-download')); ?></a></li>
                                <li class="divider"></li>
                                <?php /*<li><a href="javascript:notImp()">Rotate</a></li>*/ ?>
                                <li><a href="javascript:resizeImage('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-resize')); ?></a></li>
                                <li><a href="javascript:cropImage('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-crop')); ?></a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:trash('<?php echo e($file_name); ?>')"><?php echo e(Lang::get('laravel-filemanager::lfm.menu-delete')); ?></a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            <?php endforeach; ?>

        <?php else: ?>
            <div class="col-md-12">
                <p><?php echo e(Lang::get('laravel-filemanager::lfm.message-empty')); ?></p>
            </div>
        <?php endif; ?>

    </div>
</div>
