{{- define "main" }}
<div class="container">
	<main>
		<section class="bg-white border rounded shadow-sm p-3 mb-3 text-center">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb m-0">
					<li class="breadcrumb-item"><a href="/">Главная</a></li>
					<li class="breadcrumb-item"><a href="/posts/">Посты</a></li>
					<li class="breadcrumb-item active" aria-current="page">Теги</li>
				</ol>
			</nav>
		</section>

		<section class="tags-justify bg-white border rounded shadow-sm p-3 mb-3 text-justify">
			{{- $type := .Type }}
			{{- range $key, $value := .Data.Terms.Alphabetical }}
				{{- $name := .Name }}
				{{- $count := .Count }}
				{{- with site.GetPage (printf "/%s/%s" $type $name) }}
				<a class="btn btn-sm btn-outline-dark position-relative m-2" href="{{ .Permalink }}">{{ .Name }}
					<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">{{ $count }}</span>
				</a>
				{{- end }}
			{{- end }}
		</section>
	</main>
</div>
{{ end }}
