@(file: models.File, classes: String, redirect: Call, showFollow: Boolean)(implicit user: Option[models.User])

@import _root_.util.Formatters.humanReadableByteCount
@import api.Permission

<div class="post-box @classes" id="@file.id-tile">
    <div class="panel panel-default file-panel">
        <div class="pull-left">
            <span class="glyphicon glyphicon-file"></span>
        </div>
        <div class="panel-body">
            @if(!file.thumbnail_id.isEmpty){
                <a href="@(routes.Files.file(file.id))">
                    <img class="img-responsive fit-in-space" src="@(routes.Files.thumbnail(UUID(file.thumbnail_id.toString().substring(5,file.thumbnail_id.toString().length-1))))" alt="Thumbnail of @(file.filename)">
                </a>
            }
            <div class="caption break-word">
                <h4><a href="@(routes.Files.file(file.id))">@file.filename</a></h4>
                <ul class="list-unstyled">
                    <li>Author: <strong>@file.author.fullName</strong></li>
                    <li>Uploaded: <strong>@file.uploadDate.format("dd MMM, yyyy")</strong></li>
                    <li>Size: <strong>@humanReadableByteCount(file.length)</strong></li>
                </ul>
            </div>
        </div>
        <ul class="list-group">
            <li class="list-group-item file-panel-footer">
                <span class="glyphicon glyphicon glyphicon-list" title="@(file.metadataCount) metadata fields"></span> @(file.metadataCount)
                <span class="glyphicon glyphicon-eye-open" title="@file.stats.views views"></span> @file.stats.views
                <span class="glyphicon glyphicon-circle-arrow-down" title="@file.stats.downloads downloads"></span> @file.stats.downloads
                @if(user.isDefined) {
                    @if(user.get.id.equals(file.author.id) || Permission.checkPermission(Permission.DeleteFile, ResourceRef(ResourceRef.file, file.id))){
                        <button onclick="confirmDeleteResource('file','file','@(file.id)','@(file.filename.replace("'","&#39;"))', false, '@redirect')" class="btn btn-link" title="Delete the file">
                        <span class="glyphicon glyphicon-trash"></span></button>
                    } else {
                        <div class="inline" title="No permission to delete the file">
                            <button disabled class="btn btn-link"><span class="glyphicon glyphicon-trash"></span></button>
                        </div>
                    }
                }
            </li>
        </ul>
        @if(showFollow) {
            @user match {
                case Some(viewer) => {
                    <ul class="list-group center-margin">
                        <a
                        id="followButton"
                        type="button"
                        class="btn-link"
                        data-toggle="button"
                        aria-pressed="
                            @if(viewer.followedEntities.filter(x => (x.id == file.id)).nonEmpty) {
                                true
                            } else {
                                false
                            }
                        "
                        autocomplete="off"
                        objectType="file"
                        objectId="@file.id.stringify"
                        >
                        @if(viewer.followedEntities.filter(x => (x.id == file.id)).nonEmpty) {
                            <span class='glyphicon glyphicon-star-empty'></span>Unfollow
                        } else {
                            <span class='glyphicon glyphicon-star'></span>Follow
                        }
                        </a>
                    </ul>
                }
            }
        }

    </div>
</div>