{{ if .model.SelectedPlace }}
	<!-- Single Place Detail View -->
	<div class="max-w-7xl mx-auto px-8 py-8">
		<div class="bg-white px-6 py-6 rounded w-full">
			<!-- Back Navigation -->
			<div class="mb-6">
				<a href="/ort/" class="inline-flex items-center text-blue-600 hover:text-blue-700 text-sm">
					<i class="ri-arrow-left-line mr-2"></i>
					Zurück zur Übersicht
				</a>
			</div>

			<!-- Place Header -->
			<div class="mb-8">
				<h1 class="text-3xl font-bold text-slate-800 mb-2">
					{{ if .model.SelectedPlace.Place.Names }}
						{{ index .model.SelectedPlace.Place.Names 0 }}
					{{ else }}
						{{ .model.SelectedPlace.Place.ID }}
					{{ end }}
				</h1>
				{{ if .model.SelectedPlace.Place.Geo }}
					<p class="text-slate-600">
						<i class="ri-map-pin-line mr-1"></i>
						<a href="{{ .model.SelectedPlace.Place.Geo }}" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:text-blue-700 underline">
							Geonames
						</a>
					</p>
				{{ end }}
			</div>

			<!-- Associated Pieces -->
			<div>
				<h2 class="text-xl font-semibold text-slate-800 mb-4">
					<i class="ri-newspaper-line mr-2"></i><u class="decoration underline-offset-3">Beiträge</u> ({{ len .model.SelectedPlace.Pieces }})
				</h2>

				{{ if .model.SelectedPlace.Pieces }}
					<div class="space-y-2">
						{{- /* Group pieces by their own title/incipit */ -}}
						{{- $groupedPieces := dict -}}
						{{- range $_, $p := .model.SelectedPlace.Pieces -}}
							{{- $groupKey := "" -}}
							{{- if $p.Title -}}
								{{- $groupKey = index $p.Title 0 -}}
							{{- else if $p.Incipit -}}
								{{- $groupKey = index $p.Incipit 0 -}}
							{{- else -}}
								{{- $groupKey = printf "untitled-%s" $p.ID -}}
							{{- end -}}

							{{- $existing := index $groupedPieces $groupKey -}}
							{{- if $existing -}}
								{{- $groupedPieces = merge $groupedPieces (dict $groupKey (append $existing $p)) -}}
							{{- else -}}
								{{- $groupedPieces = merge $groupedPieces (dict $groupKey (slice $p)) -}}
							{{- end -}}
						{{- end -}}

						<div class="columns-2 gap-1 hyphens-auto">
							{{- /* Display grouped pieces */ -}}
							{{- range $groupKey, $groupedItems := $groupedPieces -}}
								<div class="break-inside-avoid pl-4">
									<div class="pb-1 indent-4">
										{{- /* Use first piece for display text with colon format for places */ -}}
										{{ template "_piece_summary_for_place" (dict "Piece" (index $groupedItems 0) "CurrentActorID" "") }}

										{{- /* Show all citations from all pieces in this group inline with commas */ -}}
										{{ " " }}{{- range $groupIndex, $groupItem := $groupedItems -}}
											{{- range $issueIndex, $issue := $groupItem.IssueRefs -}}
												{{- if or (gt $groupIndex 0) (gt $issueIndex 0) }}, {{ end -}}
												<span class="text-blue-600 hover:text-blue-700 underline decoration-dotted hover:decoration-solid [&>a]:text-blue-600 [&>a:hover]:text-blue-700">{{- template "_citation" $issue -}}</span>{{- end -}}
										{{- end -}}

										{{- /* Add "Ganzer Beitrag" link if piece spans multiple issues */ -}}
										{{- $firstGroupItem := index $groupedItems 0 -}}
										{{- if gt (len $firstGroupItem.IssueRefs) 1 -}}
											{{ " " }}<div class="inline-flex items-center gap-1 px-2 py-1 bg-blue-50
											hover:bg-blue-100 text-blue-700 hover:text-blue-800 border border-blue-200
											hover:border-blue-300 rounded text-xs font-medium transition-colors duration-200
											indent-0">
												<i class="ri-file-copy-2-line text-xs"></i>
												<a href="{{ GetPieceURL $firstGroupItem.ID }}" class="">
													Ganzer Beitrag
												</a>
											</div>
										{{- end }}
									</div>
								</div>
							{{- end -}}
						</div>
					</div>
				{{ else }}
					<p class="text-slate-500 italic">Keine Beiträge für diesen Ort gefunden.</p>
				{{ end }}
			</div>
		</div>
	</div>

{{ else }}
	<!-- Places Overview -->
	<div class="max-w-7xl mx-auto px-8 py-8">
		<div class="bg-white px-6 py-6 rounded w-full">
			<h1 class="text-3xl font-bold text-slate-800 mb-8">Orte</h1>

			<!-- Available Letters Navigation -->
			{{ if .model.AvailableLetters }}
				<div class="mb-8">
					<h2 class="text-lg font-semibold text-slate-700 mb-4">Nach Anfangsbuchstabe</h2>
					<div class="flex flex-wrap gap-2">
						{{ range $letter := .model.AvailableLetters }}
							<span class="px-3 py-2 bg-slate-100 text-slate-700 rounded text-sm">
								{{ $letter }}
							</span>
						{{ end }}
					</div>
				</div>
			{{ end }}

			<!-- Places List -->
			{{ if .model.Places }}
				<div>
					<h2 class="text-lg font-semibold text-slate-700 mb-4">
						Alle Orte ({{ len .model.Places }})
					</h2>

					<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
						{{ range $placeID := .model.Sorted }}
							{{ $place := index $.model.Places $placeID }}
							<div class="border border-slate-200 rounded-lg hover:bg-slate-50">
								<a href="/ort/{{ $place.ID }}" class="block p-4">
									<h3 class="font-medium text-slate-800 mb-1">
										{{ if $place.Names }}
											{{ index $place.Names 0 }}
										{{ else }}
											{{ $place.ID }}
										{{ end }}
									</h3>
									{{ if $place.Geo }}
										<p class="text-sm text-slate-600">
											<i class="ri-map-pin-line mr-1"></i>
											{{ $place.Geo }}
										</p>
									{{ end }}
								</a>
							</div>
						{{ end }}
					</div>
				</div>
			{{ else }}
				<p class="text-slate-500 italic">Keine Orte gefunden.</p>
			{{ end }}
		</div>
	</div>
{{ end }}