{{define "title"}}{{.Name}}{{end}}

{{define "content"}}
<h1>{{.Name}}</h1>

{{if .Error}}
<div class="error">{{.Error}}</div>
{{else}}

<div class="stats">
    <div class="stat-card">
        <div class="label">Total Size</div>
        <div class="value">{{formatSize .TotalSize}}</div>
    </div>
    <div class="stat-card">
        <div class="label">Tags</div>
        <div class="value">{{len .Tags}}</div>
    </div>
    <div class="stat-card">
        <div class="label">Manifests</div>
        <div class="value">{{len .Manifests}}</div>
    </div>
</div>

<h2>Tags</h2>
{{if .Tags}}
<table>
    <thead>
        <tr>
            <th>Tag</th>
            <th>Digest</th>
        </tr>
    </thead>
    <tbody>
        {{range .Tags}}
        <tr>
            <td>{{.Name}}</td>
            <td class="truncated"><a href="/repositories/{{$.Name}}/manifests/{{.Digest}}">{{truncate .Digest 24}}</a></td>
        </tr>
        {{end}}
    </tbody>
</table>
{{else}}
<p>No tags.</p>
{{end}}

<h2>Manifests</h2>
{{if .Manifests}}
<table>
    <thead>
        <tr>
            <th>Digest</th>
            <th>Media Type</th>
            <th>Size</th>
            <th>Created</th>
        </tr>
    </thead>
    <tbody>
        {{range .Manifests}}
        <tr>
            <td class="truncated"><a href="/repositories/{{$.Name}}/manifests/{{.Digest}}">{{truncate .Digest 24}}</a></td>
            <td>{{.MediaType}}</td>
            <td>{{formatSize .Size}}</td>
            <td>{{formatTime .CreatedAt}}</td>
        </tr>
        {{end}}
    </tbody>
</table>
{{else}}
<p>No manifests.</p>
{{end}}

{{end}}
{{end}}