{{template "kopf" .}}

<div class="seitenkopf">
    <div class="seitenkopf-titel">
        <h1>Projekte</h1>
        <span class="hilfe">Jedes Projekt hat eigene Einträge, eigene Zugänge und einen
            eigenen MCP-Endpunkt. Projekte sehen sich gegenseitig nicht.</span>
    </div>
    {{if .ExportEnabled}}
    <div class="seitenkopf-aktionen">
        {{/* Der Export läuft ohnehin täglich. Der Knopf ist für den Fall, dass
             man unmittelbar vor einer Sicherung einen aktuellen Stand braucht. */}}
        <form method="POST" action="/admin/export" class="reihe">
            <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
            <button type="submit" class="zweitrangig">Jetzt exportieren</button>
        </form>
    </div>
    {{end}}
</div>

{{if .Data.Projects}}
<div class="tabelle-huelle">
    <table class="tabelle">
        <thead>
            <tr>
                <th>Projekt</th>
                <th>Bezeichner</th>
                <th class="zahl">Einträge</th>
                <th class="zahl">Schreibbudget</th>
                <th class="schmal rechts">Verwaltung</th>
            </tr>
        </thead>
        <tbody>
            {{range .Data.Projects}}
            <tr>
                <td>
                    <a href="/p/{{.Project.Slug}}/">{{.Project.Name}}</a>
                    {{if .Project.Description}}<div class="hilfe">{{.Project.Description}}</div>{{end}}
                </td>
                <td><code>{{.Project.Slug}}</code></td>
                <td class="zahl">{{.Entries}}</td>
                <td class="zahl">
                    {{if .Limit}}
                    {{.Frei}} / {{.Limit}}
                    <div class="hilfe">
                        {{if .EigenesLimit}}eigene Grenze{{else}}Standard{{end}} · je Stunde
                    </div>
                    {{else}}
                    <span class="hilfe">unbegrenzt</span>
                    {{end}}
                </td>
                <td class="schmal rechts">
                    <a href="/admin/projects/{{.Project.Slug}}/edit">Bearbeiten</a> ·
                    <a href="/p/{{.Project.Slug}}/keys">Zugänge</a>
                </td>
            </tr>
            {{end}}
        </tbody>
    </table>
</div>
{{else}}
<div class="leer">
    <p>Noch kein Projekt angelegt.</p>
    <p class="hilfe">Ein Projekt ist die Einheit der Abschottung — meist eines je Team.</p>
</div>
{{end}}

<section class="abschnitt">
    <h2>Neues Projekt</h2>
    <span class="hilfe">Der Bezeichner erscheint in der URL und in der MCP-Konfiguration
        und lässt sich später nicht mehr ändern.</span>

    <div class="karte">
        <form method="POST" action="/admin/projects/create" class="formular">
            <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">

            <div class="feld mittel">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" required placeholder="z.B. Plattform-Team">
            </div>

            <div class="feld kurz">
                <label for="slug">Bezeichner</label>
                <span class="hilfe">Leer lassen, um ihn aus dem Namen abzuleiten.</span>
                <input type="text" id="slug" name="slug" pattern="[a-z0-9][a-z0-9_-]*" placeholder="plattform">
            </div>

            <div class="feld lang">
                <label for="description">Beschreibung</label>
                <input type="text" id="description" name="description" placeholder="optional">
            </div>

            <div class="formular-aktionen">
                <button type="submit">Projekt anlegen</button>
            </div>
        </form>
    </div>
</section>

{{template "fuss" .}}