<ul class="collection departures">
% my $orientation_bar_shown = param('train');
% my $now_epoch = now->epoch;
% for my $result (@{$results}) {
	% my $row_class = '';
	% my $link_class = 'action-checkin';
	% if ($result->departure_is_cancelled) {
		% $row_class = "cancelled";
		% $link_class = 'action-cancelled-from';
	% }
	% if (not $orientation_bar_shown and $result->departure->epoch < $now_epoch) {
		% $orientation_bar_shown = 1;
		<li class="collection-item" id="now">
			<strong class="dep-time">
				%= now->strftime('%H:%M')
			</strong>
			<strong>— Anfragezeitpunkt —</strong>
		</li>
	% }
	<li class="collection-item <%= $link_class %> <%= $row_class %>"
		data-station="<%= $result->station_uic %>"
		data-train="<%= $result->train_id %>"
		data-ts="<%= ($result->sched_departure // $result->departure)->epoch %>"
	>
		<a class="dep-time" href="#">
			% if ($result->departure_hidden) {
				(<%= $result->departure->strftime('%H:%M') %>)
			% }
			% else {
				%= $result->departure->strftime('%H:%M')
			% }
			% if ($result->departure_delay) {
				(<%= sprintf('%+d', $result->departure_delay) %>)
			% }
			% elsif (not $result->has_realtime and $result->start->epoch < $now_epoch) {
				<i class="material-icons" aria-label="Keine Echtzeitdaten vorhanden" style="font-size: 16px;">gps_off</i>
			% }
			</a>
			<span class="dep-line <%= $result->type // q{} %>">
				%= $result->line
			</span>
			<span class="dep-dest">
				% if ($result->departure_is_cancelled) {
					Fahrt nach <%= $result->destination %> entfällt
				% }
				% else {
					%= $result->destination
					% for my $checkin (@{$checkin_by_train->{$result->train_id} // []}) {
						<span class="followee-checkin">
							<i class="material-icons tiny" aria-label="Eine Person, der du folgst, ist hier eingecheckt">people</i>
							<%= $checkin->{followee_name} %> → <%= $checkin->{arr_name} // '???' %>
						</span>
					% }
				% }
			</span>
	</li>
% }
</ul>
