@model BlogViewModel;

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

@section ButtonsLeft {
	@if (Model.Page > 1) {
		<button onclick="window.location.href='/blog/page/@(Model.Page-1)'" title="Previous Page">
			<img src="/images/previous.svg" alt="Previous" />
		</button>
	}
}
@section ButtonsRight {
	@if (Model.Page < Model.MaxPages) {
		<button onclick="window.location.href='/blog/page/@(Model.Page+1)'" title="Next Page">
			<img src="/images/next.svg" alt="Next" />
		</button>
	}
}

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