{{ $model := . }}


<div id="pageheading" class="headingcontainer">
	<h1 class="heading">Bände nach Reihentiteln</h1>
	<div class="mt-2">
		{{ template "_alphabet" Dict "active" .letter "letters" .letters "search" .search }}
	</div>
</div>

<div class="mt-6">
	{{ template "_reihenfilter" . }}
</div>

<div id="searchcontent" class="font-serif">
	{{ if $model.search }}
<script type="module">
let elements = document.querySelectorAll('.reihen-text');
let mark_instance = new Mark(elements);
// INFO: we wait a little bit before marking, to settle everything
	setTimeout(() => {
		mark_instance.mark('{{ $model.search }}', {
			"seperateWordSearch": true,
		});
	}, 200);
</script>
	{{ end }}


	<div class="-ml-16">
		{{ if and .search .idseries }}
			<div class="mb-1 max-w-[60rem] hyphens-auto">
				{{ range $id, $r := .idseries }}
					{{ template "_reihe" (Arr $model $r true false) }}
				{{ end }}
			</div>
		{{ end }}

		{{ if .series }}
			<div class="mb-1 max-w-[60rem] hyphens-auto">
				{{ range $id, $r := .series }}
					{{ template "_reihe" (Arr $model $r false false) }}
				{{ end }}
			</div>
		{{ end }}

		{{ if and .search .altseries }}
			{{ if .idseries }}
				<div class="border-b text-sm font-sans text-right pb-0.5">
					Treffer in Almanach-Nummer &uarr;
				</div>
			{{ end }}

			{{ if .series }}
				<div class="border-b text-sm font-sans text-right pb-0.5">
					Treffer in Reihentiteln &uarr;
				</div>
			{{ end }}
			<div class="border-t mb-1.5 text-sm font-sans text-right pt-0.5">
				Treffer in allen Feldern (Anmerkungen, Verweisen etc.) &darr;
			</div>
			<div class="mb-1 max-w-[60rem] hyphens-auto">
				{{ range $id, $r := .altseries }}
					{{ template "_reihe" (Arr $model $r false true) }}
				{{ end }}
			</div>
		{{ end }}
	</div>
	{{ if not (or .series .altseries .idseries) }}
		<div class="mt-8">
			Keine Reihen
			{{ if .search }}für {{ .search }}{{ end }}
			gefunden.
		</div>
	{{ end }}
</div>