{{define "category x"}}Category {{. | beautifulName}}{{end}}
{{define "category list heading"}}Category list{{end}}

{{define "category card"}}
{{$hyphaName := .HyphaName}}
{{$givenPermission := .GivenPermissionToModify}}
<aside class="layout-card categories-card">
	<h2 class="layout-card__title">{{block `categories` .}}Categories{{end}}</h2>
	<ul class="categories-card__entries">
		{{range .Categories}}
		<li class="categories-card__entry">
			<a class="categories-card__link" href="/category/{{.}}">{{beautifulName .}}</a>
			<form method="POST" action="/remove-from-category" class="categories-card__remove-form">
				<input type="hidden" name="cat" value="{{.}}">
				<input type="hidden" name="hypha" value="{{$hyphaName}}">
				<input type="hidden" name="redirect-to" value="/hypha/{{$hyphaName}}">
				{{if $givenPermission}}
				<input type="submit" value="x" class="btn categories-card__btn"
				       title="{{block `remove from category title` .}}Remove the hypha from this category{{end}}">
				{{end}}
			</form>
		</li>
		{{end}}
		{{if .GivenPermissionToModify}}
		<li class="categories-card__entry categories-card__add-to-cat">
			<form method="POST" action="/add-to-category" class="categories-card__add-form">
				<input type="text" name="cat" id="_cat-name"
				       placeholder="{{block `placeholder` .}}Category name...{{end}}">
				<input type="hidden" name="hypha" value="{{$hyphaName}}">
				<input type="hidden" name="redirect-to" value="/hypha/{{$hyphaName}}">
				<input type="submit" class="btn categories-card__btn" value="+"
				       title="{{block `add to category title` .}}Add the hypha to this category{{end}}">
			</form>
		</li>
		{{end}}
	</ul>
</aside>
{{end}}