@(datasetsList: List[Dataset], collectionId: UUID, prev: Int, next: Int,
        userSelections: List[String])(implicit flash: play.api.mvc.Flash, user: Option[models.User])

@import api.Permission

@datasetsList.map { dataset =>
    @if(userSelections.indexOf(dataset.id.toString()) != -1) {
        @datasets.listitem(dataset,Some(collectionId.uuid), routes.Collections.collection(collectionId), true)
    } else {
        @datasets.listitem(dataset,Some(collectionId.uuid), routes.Collections.collection(collectionId), false)
    }
}
@if(datasetsList.isEmpty){
    @if(Permission.checkPermission(Permission.AddResourceToCollection, ResourceRef(ResourceRef.collection, collectionId))){
        There are no datasets in this collection.
    } else {
        There are no datasets in this collection and not enough permission to edit this collection.
    }

}

<div class="row">
    <div class="col-md-12">
        <ul class="pager">
                <!-- The following items have to be links due to the way the list items render them. Ideally, they should be buttons. -->
            @if(prev >= 0) {
                <li class="previous"><a id="prevlink-ds" title="Page backwards" href="javascript:updateDatasets(@prev)"><span class="glyphicon glyphicon-chevron-left"></span>Previous</a></li>
            }
            @if(next >= 0) {
                <li class ="next"><a id="nextlink-ds" title="Page forwards" href="javascript:updateDatasets(@next)">Next <span class="glyphicon glyphicon-chevron-right"></span></a></li>
            }
        </ul>
    </div>
</div>