Snootalogue/Pages/Index.cshtml

@page
@model Snootalogue.Pages.IndexModel
@{
	ViewData["Title"] = "Home";
}

@* <h1>Documents</h1> *@
<div class="documents">
	@foreach (var item in Model.Documents) {
	<div class="document">
		<div class="document-column left" style="background-image:url('/img/placeholder.png');"></div>
		<div class="document-column centre">
			<div class="title">@Html.DisplayFor(modelItem => item.Title)</div>
			<div class="authors">By @Html.DisplayFor(modelItem => item.Authors)</div>
			<div class="category">Category: @Html.DisplayFor(modelItem => item.Category)</div>
			<div class="tags">@Html.DisplayFor(modelItem => item.Tags)</div>
			@{string hash = item.Hash.Substring(0, 8);}
			<div class="metadata">@Html.DisplayFor(modelItem => item.Filename) | @Html.DisplayFor(modelItem => item.Size) | <span title="@Html.DisplayFor(modelItem => item.Hash)">@hash...</span></div>
		</div>
		<div class="document-column right">
			@* TODO: replace these with font awesome or something *@
			<div class="vertical-buttons">
				<a href="#" class="button simple">View</a>
				<a href="#" class="button simple">Details</a>
				<a href="#" class="button simple">Edit</a>
				<a href="#" class="button simple">Delete</a>
			</div>
		</div>

	</div>
	}
</div>