{{template "kopf" .}}

{{with .Data}}
<div class="seitenkopf">
    <div class="seitenkopf-titel">
        <h1>Überblick: {{.Workspace}} {{template "hilfelink" "workspace-admin#ueberblick"}}</h1>
        <span class="hilfe">Was in deinem Workspace zu tun ist und wie die Teams Munin nutzen.</span>
    </div>
</div>

<div class="kennzahlen">
    <div class="kennzahl">
        <span class="kennzahl-wert">{{.Summe.Projekte}}</span>
        <span class="kennzahl-name">Projekte</span>
    </div>
    <div class="kennzahl">
        <span class="kennzahl-wert">{{.Summe.Eintraege}}</span>
        <span class="kennzahl-name">Einträge</span>
    </div>
    <div class="kennzahl">
        <span class="kennzahl-wert">{{.Summe.Keys}}</span>
        <span class="kennzahl-name">gültige Keys</span>
    </div>
    <div class="kennzahl">
        <span class="kennzahl-wert">{{.Schreiben}}</span>
        <span class="kennzahl-name">Schreibvorgänge, {{.TageImDiagramm}} Tage</span>
    </div>
    <div class="kennzahl">
        <span class="kennzahl-wert">{{.Suchen}}</span>
        <span class="kennzahl-name">Suchen, {{.TageImDiagramm}} Tage</span>
    </div>
</div>

<section class="abschnitt">
    <h2>Was zu tun ist</h2>
    {{if .Gruppen}}
    <ul class="zustand">
        {{range .Gruppen}}
        <li class="{{if .Warnung}}zustand-warnung{{else}}zustand-hinweis{{end}}">
            <span class="zustand-art">{{.Projekt}}</span>
            <ul class="zustand-punkte">
                {{range .Punkte}}
                <li{{if .Warnung}} class="dringend"{{end}}>{{.Text}}
                    <a href="{{.Link}}" class="weiter-link">{{.LinkText}}&nbsp;→</a></li>
                {{end}}
            </ul>
        </li>
        {{end}}
    </ul>
    <span class="hilfe">Rot: Im Projekt ist etwas dringend (fett). Grün: bei Gelegenheit hinsehen. Ein Punkt
        verschwindet von selbst, sobald er erledigt ist.</span>
    {{else}}
    <div class="meldung hinweis">Alles in Ordnung — nichts zu tun.</div>
    {{end}}
</section>

<section class="abschnitt">
    <h2>Projekte</h2>
    {{if .Projekte}}
    <div class="tabelle-huelle">
        <table class="tabelle">
            <thead>
                <tr>
                    <th>Projekt</th>
                    <th class="zahl">Einträge</th>
                    <th class="zahl">Schreiben Agenten</th>
                    <th class="zahl">Schreiben Menschen</th>
                    <th class="zahl">Suchen</th>
                    <th class="zahl">ohne Treffer</th>
                    <th>zuletzt geändert</th>
                </tr>
            </thead>
            <tbody>
                {{range .Projekte}}
                <tr>
                    <td><a href="/p/{{.Slug}}/usage">{{.Name}}</a> <span class="hilfe">{{.Slug}}</span></td>
                    <td class="zahl">{{.Eintraege}}</td>
                    <td class="zahl">{{.SchreibenAgent}}</td>
                    <td class="zahl">{{.SchreibenMensch}}</td>
                    <td class="zahl">{{.Suchen}}</td>
                    <td class="zahl">{{if lt .OhneTreffer 0}}—{{else}}{{.OhneTreffer}} %{{end}}</td>
                    <td>{{if .Zuletzt.IsZero}}<span class="hilfe">noch nie</span>{{else}}{{datum .Zuletzt}}{{end}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>
    </div>
    <span class="hilfe">Zahlen der letzten {{.TageImDiagramm}} Tage. Der Name führt zur Nutzung des Projekts mit
        allen Einzelheiten.</span>
    {{else}}
    <div class="leer">
        <p>Noch keine Projekte in diesem Workspace.</p>
        <a href="/admin/projects" class="knopf">Projekt anlegen</a>
    </div>
    {{end}}
</section>

{{if .Projekte}}
<section class="abschnitt">
    <h2>Aktivität der letzten {{.TageImDiagramm}} Tage</h2>
    <div class="diagramme">
        <figure class="diagramm-rahmen">
            <figcaption>
                <strong>Schreibvorgänge</strong>
                <span class="legende"><span class="legende-farbe balken-agent"></span>Agenten (MCP)</span>
                <span class="legende"><span class="legende-farbe balken-mensch"></span>Menschen (Weboberfläche)</span>
            </figcaption>
            {{template "diagramm" .DiagrammSchreiben}}
        </figure>
        <figure class="diagramm-rahmen">
            <figcaption>
                <strong>Suchen</strong>
                <span class="legende"><span class="legende-farbe balken-suche"></span>recall von Agenten</span>
            </figcaption>
            {{template "diagramm" .DiagrammSuchen}}
        </figure>
    </div>
    <span class="hilfe">Schreiben heißt angelegt, geändert oder gelöscht. Tage in UTC; mit der Maus über einen
        Tag zeigt die genauen Zahlen.</span>
</section>
{{end}}
{{end}}

{{template "fuss" .}}