{{ $model := . }}
{{ $r := $model.series }}


<div id="breadcrumbs">
	<div>
		<div>
			<a href="/reihen/?letter={{- First $r.Title -}}" class="">Reihen</a>
			<i class="ri-arrow-right-wide-line"></i> <b>{{ $r.Title }}</b>
		</div>
		<div class="backbutton">
			<a href="/reihen/?letter=A" class="no-underline">
				<i class="ri-arrow-left-long-line"></i> Alle Reihen
			</a>
		</div>
	</div>
</div>

<div class="container-normal flex flex-col font-serif mt-12">
	<div class="flex inline-flex flex-inline gap-x-3 mb-1">
		<div class="font-sans">
	{{/* <svg
			class="w-[0.9rem] h-[0.9rem] relative bottom-[0.04rem] inline-block"
			width="65px"
			height="65px"
			viewBox="0 0 28 28"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			xmlns:xlink="http://www.w3.org/1999/xlink"
			fill="currentColor">
			<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
			<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
			<g id="SVGRepo_iconCarrier">
			<g id="🔍-Product-Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
			<g id="ic_fluent_library_28_filled" fill="currentColor" fill-rule="nonzero">
			<path
			d="M5.9897,3 C7.0937,3 7.9897,3.896 7.9897,5 L7.9897,23 C7.9897,24.104 7.0937,25 5.9897,25 L4.0007,25 C2.8957,25 2.0007,24.104 2.0007,23 L2.0007,5 C2.0007,3.896 2.8957,3 4.0007,3 L5.9897,3 Z M12.9897,3 C14.0937,3 14.9897,3.896 14.9897,5 L14.9897,23 C14.9897,24.104 14.0937,25 12.9897,25 L10.9947,25 C9.8897,25 8.9947,24.104 8.9947,23 L8.9947,5 C8.9947,3.896 9.8897,3 10.9947,3 L12.9897,3 Z M22.0701,6.5432 L25.9301,22.0262 C26.1971,23.0972 25.5441,24.1832 24.4731,24.4512 L22.5101,24.9402 C21.4391,25.2072 20.3531,24.5552 20.0861,23.4832 L16.2261,8.0002 C15.9581,6.9282 16.6111,5.8432 17.6821,5.5752 L19.6451,5.0862 C20.7161,4.8182 21.8021,5.4712 22.0701,6.5432 Z"
			id="🎨-Color"></path>
			</g>
			</g>
			</g>
			</svg>
	*/}}
		<i class="ri-book-shelf-fill"></i>
		Reihe
		</div>
	{{- if (IsAdminOrEditor $model.request.user) -}}
		<div class="font-sans">
			&middot;&nbsp;
			<i class="ri-edit-line"></i>
			<a href="/reihe/{{ $r.MusenalmID }}/edit">Bearbeiten</a>
		</div>
	{{- end -}}
	</div>
	<div class="grow-0">
		<div>
			<span class="font-bold text-3xl mr-2">{{ $r.Title }}</span>
			{{ if $r.References }}
				<div class="text-sm font-sans px-2 py-1 bg-stone-100 w-max inline-block mr-2">
					{{ $r.References }}
				</div>
			{{ end }}
		</div>

		{{ if $r.Annotation }}
			<div class="max-w-[48rem] mt-1 annotation-content">
				<span class="">{{ Safe $r.Annotation }}</span>
			</div>
		{{ end }}
		<div class="max-w-[64rem] [&_*]:!text-lg mt-6">
			{{ template "_reiherelations" (Arr $r $model.relations $model.entries true
			$model.request) }}
		</div>
	</div>
</div>