{{template "header" .}}

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

<div class="metrics">
    <div class="metric">
        <span class="metric-value">{{.Total.Projects}}</span>
        <span class="metric-name">Projekte</span>
    </div>
    <div class="metric">
        <span class="metric-value">{{.Total.Entries}}</span>
        <span class="metric-name">Einträge</span>
    </div>
    <div class="metric">
        <span class="metric-value">{{.Total.Keys}}</span>
        <span class="metric-name">gültige Keys</span>
    </div>
    <div class="metric">
        <span class="metric-value">{{.Writes}}</span>
        <span class="metric-name">Schreibvorgänge, {{.ChartDays}} Tage</span>
    </div>
    <div class="metric">
        <span class="metric-value">{{.Searches}}</span>
        <span class="metric-name">Suchen, {{.ChartDays}} Tage</span>
    </div>
</div>

<section class="section">
    <h2>Was zu tun ist</h2>
    {{if .Groups}}
    <ul class="status">
        {{range .Groups}}
        <li class="{{if .Warning}}status-warning{{else}}status-hint{{end}}">
            <span class="status-kind">{{.Project}}</span>
            <ul class="status-items">
                {{range .Items}}
                <li{{if .Warning}} class="urgent"{{end}}>{{.Text}}
                    <a href="{{.Link}}" class="more-link">{{.LinkText}}&nbsp;→</a></li>
                {{end}}
            </ul>
        </li>
        {{end}}
    </ul>
    <span class="help">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="message hint">Alles in Ordnung — nichts zu tun.</div>
    {{end}}
</section>

<section class="section">
    <h2>Projekte</h2>
    {{if .Projects}}
    <div class="table-wrap">
        <table class="styled-table">
            <thead>
                <tr>
                    <th>Projekt</th>
                    <th class="num">Einträge</th>
                    <th class="num">Schreiben Agenten</th>
                    <th class="num">Schreiben Menschen</th>
                    <th class="num">Suchen</th>
                    <th class="num">ohne Treffer</th>
                    <th>zuletzt geändert</th>
                </tr>
            </thead>
            <tbody>
                {{range .Projects}}
                <tr>
                    <td><a href="/p/{{.Slug}}/usage">{{.Name}}</a> <span class="help">{{.Slug}}</span></td>
                    <td class="num">{{.Entries}}</td>
                    <td class="num">{{.AgentWrites}}</td>
                    <td class="num">{{.HumanWrites}}</td>
                    <td class="num">{{.Searches}}</td>
                    <td class="num">{{if lt .NoHitsPercent 0}}—{{else}}{{.NoHitsPercent}} %{{end}}</td>
                    <td>{{if .LastChanged.IsZero}}<span class="help">noch nie</span>{{else}}{{datetime .LastChanged}}{{end}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>
    </div>
    <span class="help">Zahlen der letzten {{.ChartDays}} Tage. Der Name führt zur Nutzung des Projekts mit
        allen Einzelheiten.</span>
    {{else}}
    <div class="empty">
        <p>Noch keine Projekte in diesem Workspace.</p>
        <a href="/admin/projects" class="button">Projekt anlegen</a>
    </div>
    {{end}}
</section>

{{if .Projects}}
<section class="section">
    <h2>Aktivität der letzten {{.ChartDays}} Tage</h2>
    <div class="charts">
        <figure class="chart-frame">
            <figcaption>
                <strong>Schreibvorgänge</strong>
                <span class="legend"><span class="legend-swatch bar-agent"></span>Agenten (MCP)</span>
                <span class="legend"><span class="legend-swatch bar-human"></span>Menschen (Weboberfläche)</span>
            </figcaption>
            {{template "chart" .WriteChart}}
        </figure>
        <figure class="chart-frame">
            <figcaption>
                <strong>Suchen</strong>
                <span class="legend"><span class="legend-swatch bar-search"></span>recall von Agenten</span>
            </figcaption>
            {{template "chart" .SearchChart}}
        </figure>
    </div>
    <span class="help">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 "footer" .}}