#{extends 'main.html' /}
#{set title:'Home' /}

#{if frontPost}
	<div class="post">
		<h2 class="post-title">
			<a href="#">${frontPost.title}</a>
		</h2>
		
		<div clas="post-metadata">
			<span class="post-author">by ${frontPost.author.fullname}</span>
			<span class="post-data">by ${frontPost.postedAt.format('MMM dd')}</span>
			<span class="post-comments">
				&nbsp;|&nbsp;
				${frontPost.comments.size() ?:'no'}
				comment${frontPost.comments.size().pluralize()}
				#{if frontPost.comments}
					,latest by ${PfrontPost.comments[-1].author}
					
				#{/if}
			</span>
		</div>
		<div class="post-content">
			${frontPost.content.nl2br()}
		</div>
	</div>

	#{if olderPosts}
		<div class="older-posts">
			<h3>Older posts <span class="from">from this blog</span></h3>
			
			#{list items:olderPosts, as:'oldPost'}
				<div class="post">
					<h2 class="post-title">
						<a href="#">${oldPost.title}</a>
					</h2>
					<div class="post-metadata">
						<span class="post-author">
							by ${oldPost.author.fullname}
						</span>
						<span class="post-date">
							${oldPost.postedAt.format('dd MMM yy')}
						</span>
						<div class="post-comments">
							${oldPost.comments.size() ?:'no'}
							comment${oldPost.comments.size().pluralize()}
							#{if oldPost.comments}
								- latest by ${oldPost.comments[-1].author}
							#{/if}
						</div>
					</div>
				</div>
			#{/list}
		</div>

	#{/if}

#{/if}


#{else}
	<div class="empty">
		There is currently nothing to read here.
	</div>
#{/else}