@(datasets: List[Dataset], space: String)

<p>
    Most recent datasets:
    <a href="@(routes.Datasets.list("", "", 12, Some(space)))" class="pull-right btn btn-default btn-xs">
        <span class="glyphicon glyphicon-hand-right"></span>
        All Datasets
    </a>
</p>

<table id='spacesDatasetsTable' class="table table-bordered table-hover fixedtable">
    <thead>
        <tr>
            <th style="width: 27%">Name</th>
            <th style="width: 17%">Created</th>
            <th style="width: 36%">Description</th>
            <th style="width: 20%"></th>
        </tr>
    </thead>
    <tbody>
    @datasets.map { dataset =>
        <tr data-datasetId="@(dataset.id.toString)">
            <td><a href="@(routes.Datasets.dataset(dataset.id, Some(space)))">@dataset.name</a></td>
            <td>@dataset.created.format("MMM dd, yyyy")</td>
            <td style="white-space:pre-line;">@dataset.description</td>
            <td>
                @if(!dataset.thumbnail_id.isEmpty){
                    <div class="fit-in-space">
                        <a href="@(routes.Datasets.dataset(dataset.id))">
                            <img class="img-responsive fit-in-space" src="@(routes.Files.thumbnail(UUID(dataset.thumbnail_id.toString().substring(5,dataset.thumbnail_id.toString().length-1))))" alt="Thumbnail of @Html(dataset.name)">
                        </a>
                    </div>
                }
                @if(dataset.thumbnail_id.isEmpty){No thumbnail available}
            </td>
        </tr>
    }
    </tbody>
</table>