@model BlogViewModel

@{
	ViewData["Title"] = "Blog";
}

@foreach (var post in Model.Posts) {
	<article class="blog-post">
		<h2><a href="/blog/view/@post.Url">@post.Title</a></h2>
		@Html.Raw(post.ContentHtml)
		<small>Posted on @post.Timestamp</small>
		<p><a href="/blog/view/@post.Url">Read more...</a></p>
	</article>
}

<div class="blog-navigation">
	@if (Model.Page > 1) {
		<a href="/blog/page/@(Model.Page - 1)" class="round-button blog-navigation__previous"><img src="/images/previous.svg" alt="Previous"/></a>
	}
	@if (Model.Page < Model.MaxPages) {
		<a href="/blog/page/@(Model.Page + 1)" class="round-button blog-navigation__next"><img src="/images/next.svg" alt="Next"/></a>
	}
</div>