{{template "header.html" .}}        
<section class="section">
    <div class="container">
        <h1 class="title">
            parkruns in Deutschland
        </h1>
        <p class="subtitle">
            Es gibt momentan {{.ActiveEvents}} aktive{{if or .PlannedEvents .ArchivedEvents}} (und {{if .PlannedEvents}}{{.PlannedEvents}} geplante & {{end}}{{.ArchivedEvents}} archivierte){{end}} parkrun-Standorte in Deutschland.
        </p>

        <div class="notification is-info">
            <div class="content">
                Hier ist die Liste aller parkruns, jeweils mit Informationen zur letzten Austragung.
                <br>
                Hinweis: diese Daten werden nur 1x täglich aktualisiert;
                insbesondere samstags kann es daher sein, dass veraltete Informationen angezeigt werden.
                <br>
                Im offiziellen parkrun-Wiki gibt es weitere Statistiken zu Deutschland:
                <ul>
                    <li><a href="https://wiki.parkrun.com/index.php/Summary_Statistics_By_Event/Germany" target="_blank">Gesamtstatistik der letzten 7 Tage</a></li>
                    <li><a href="https://wiki.parkrun.com/index.php/Fastest_15/Germany" target="_blank">Die schnellsten 15 Männer & Frauen der letzten 7 Tage</a></li>
                    <li><a href="https://wiki.parkrun.com/index.php/Weekly_Totals_History/Germany" target="_blank">Historische Wochen-Entwicklung</a></li>
                </ul> 
            </div>
        </div>



        <table class="table is-narrow is-striped is-hoverable is-fullwidth">
            <thead>
                <tr>
                    <th></th>
                    <th class="is-hidden-mobile"></th>
                    <th class="is-hidden-mobile"></th>
                    <th colspan="4" class="has-text-centered">Letzte Austragung</th>
                </tr>
                <tr>
                    <th>Name</th>
                    <th class="is-hidden-mobile">Ort</th>
                    <th class="is-hidden-mobile">Seit</th>
                    <th class="has-text-right">#</th>
                    <th>Datum</th>
                    <th class="has-text-right" title="Anzahl Teilnehmer">🏃🏻‍♀️</th>
                    <th class="has-text-right" title="Rangfolge">🔢</th>
                </tr>
            </thead>
            <tbody>
            {{range .Events}}
                <tr>
                    <td>
                        {{if .Active}}
                        <a href="{{.Id}}.html">{{.FixedName}}</a>
                        {{else if .Planned}}
                        <a href="{{.Id}}.html">{{.FixedName}}</a> <span class="tag is-success is-light">geplant</span>
                        {{else}}
                        <a href="{{.Id}}.html">{{.FixedName}}</a> <span class="tag is-danger is-light">archiviert</span>
                        {{end}}
                        <div class="is-hidden-tablet">
                            <a target="_blank" class="is-hidden-tablet is-size-7 is-italic" href="{{.GoogleMapsUrl}}">{{.FixedLocation}}</a>
                            <br>
                            <span class="is-hidden-tablet is-size-7 is-italic">Seit {{.First}}</span>
                        </div>
                    </td>
                    <td class="is-hidden-mobile">
                        <a target="_blank" href="{{.GoogleMapsUrl}}">{{.FixedLocation}}</a>
                    </td>
                    <td class="is-hidden-mobile tnum">
                        {{.First}}
                    </td>
                    {{if .LatestRun}}
                        <td class="tnum has-text-right"><a target="_blank" title="{{.FixedName}} {{.LatestRun.Index}}" href="{{.LatestRun.Url}}"{{if .Outdated}}class="has-text-link-light"{{end}}>{{.LatestRun.Index}}</a></td>
                        <td class="tnum{{if .Outdated}} has-text-grey-light{{end}}">{{.LatestRun.DateF}}</td>
                        <td class="tnum has-text-right{{if .Outdated}} has-text-grey-light{{end}}">{{.LatestRun.Runners}}</td>
                        {{if .Order}}
                        <td class="tnum has-text-right{{if .Outdated}} has-text-grey-light{{end}}">{{.Order}}</td>
                        {{else}}
                        <td class="tnum has-text-right{{if .Outdated}} has-text-grey-light{{end}}">-</td>
                        {{end}}
                    {{else}}
                        <td colspan="4" class="has-text-centered{{if .Outdated}} has-text-grey-light{{end}}">- keine -</td>
                    {{end}}
                </tr>
                {{end}}
            </tbody>
        </table>
    </div>
</section>
{{template "footer.html" .}}