{{define "content"}}
<div class="artifact-detail">
    <div class="detail-header">
        <span class="badge badge-{{.Type}}">{{.Type}}</span>
        <span class="detail-repo">{{.RepoName}}</span>
        <code class="detail-sha">{{shortSHA .CommitSHA}}</code>
    </div>

    <div class="detail-grid">
        <div class="detail-item">
            <label>ID</label>
            <code>{{.ID}}</code>
        </div>
        <div class="detail-item">
            <label>Size</label>
            <span>{{formatSize .BlobSize}}</span>
        </div>
        <div class="detail-item">
            <label>Created</label>
            <span>{{timeAgo .CreatedAt}}</span>
        </div>
        <div class="detail-item">
            <label>Blob Key</label>
            <code>{{.BlobKey}}</code>
        </div>
    </div>

    {{if .CrashMessage}}
    <section class="section">
        <h3>Crash Message</h3>
        <pre class="code-block">{{deref .CrashMessage}}</pre>
    </section>
    {{end}}

    {{if .StackTrace}}
    <section class="section">
        <h3>Stack Trace</h3>
        <pre class="code-block">{{deref .StackTrace}}</pre>
    </section>
    {{end}}

    <div class="detail-actions">
        <a href="/api/v1/artifacts/{{.ID}}/download" class="btn">Download Artifact</a>
    </div>
</div>
{{end}}