{{- extends "layout/default" }}
{{- import "blocks/pagination" }}
{{- block body() }}
<div class="container">
	<h2>{{.Category.Title}}</h2>
	<p>{{.Category.Description}}</p>
	<div class="vision-container">
		{{- range _, article := .Category.Articles }}
		<div class="vision-preview vision-preview-large">
			<div class="vision-thumbnail">
				<img src="{{article.Thumbnail}}" alt="{{article.Title}}" />
			</div>
			<div class="vision-metadata">
				<a class="vision-title" href="/pixivision/a/{{article.ID}}">
					{{- article.Title}}
				</a>
				<div class="vision-metadata-other">
					<div class="tag-list">
						{{- range _, tag := article.Tags }}
						<a href="/pixivision/t/{{tag.ID}}">#{{tag.Name}}</a>
						{{- end }}
					</div>
					<div>
						<div>{{parseTimeCustomFormat(article.Date, "2006-01-02")}}</div>
					</div>
				</div>
			</div>
		</div>
		{{- end }}
	</div>
	<!-- Pagination -->
	{{- url := "/pixivision/c/" + .ID + "?p=" }}
	{{- paginationData := createPaginator(url, "#checkpoint", .Page, -1, 1, 5) }}
	{{- yield pagination(data=paginationData) }}
</div>
{{- end }}