{{ with $.Site.Data.schedule }}
<p class="schedule-info">
	Version: <span class="schedule-version">{{ .version }}</span>
	<br>Zeitangaben in <span class="schedule-timezone">{{ .timezone }}</span>
</p>

<div class="schedule-container">
	<div class="schedule-days">
{{ range .days }}
		<a href="#{{ . }}">{{ . }}</a>&middot;
{{ end }}
		<a href="#">zurück nach oben</a>
	</div>

	<div class="schedule">
		<div class="schedule-grid schedule-timeline" style="--span: {{ .span }}">
			<h3 class="schedule-title"></h3>
{{ $lastDate := "" }}
{{ range .timeline }}
			<div class="schedule-time" style="--start: {{ .start }}">
{{ if ne .date $lastDate }}
				<div class="schedule-date" id="{{ .date }}">{{ .date }}</div>
{{ end }}
				{{ .time }}
			</div>
{{ $lastDate = .date }}
{{ end }}
		</div>
{{ $rooms := .rooms }}
{{ range .room_sequence }}
		<div class="schedule-grid schedule-room">
			<h3 class="schedule-title">{{ . }}</h3>
{{ range index $rooms . }}
			<a class="schedule-event" href="{{ .url }}" style="--start: {{ .start }};--end: {{ .end }}" target="_blank">
				<div class="schedule-event-time">
					<span>{{ .start_time }}</span>
					<span>&ndash;</span>
					<span>{{ .end_time }}</span>
				</div>
				<div class="schedule-event-detail">
{{ with .speaker }}
					<p class="schedule-speaker" title="{{ . }}">{{ . }}:</p>
{{ end }}
					<h4 class="schedule-title" title="{{ .title }}">{{ .title }}</h4>
				</div>
			</a>
{{ end }}
		</div>
{{ end }}
	</div>
</div>
{{ end }}