{{define "queue_detail"}}
<div class="detail-view">
    <div class="detail-header">
        <a href="/queue" class="back-link">← Back to Queue</a>
        <h2>Queue Details</h2>
        <div class="download-status-header">
            <span class="status-badge {{.Data.Status}}">{{.Data.Status}}</span>
        </div>
    </div>

    <div class="download-info">
        <dl>
            <dt>URL</dt>
            <dd><a href="{{.Data.URL}}" target="_blank">{{.Data.URL}}</a></dd>
            
            <dt>Created</dt>
            <dd>{{.Data.CreatedAt.Format "2006-01-02 15:04:05"}}</dd>
            
            {{if .Data.StartedAt.Valid}}
            <dt>Started</dt>
            <dd>{{.Data.StartedAt.Time.Format "2006-01-02 15:04:05"}}</dd>
            {{end}}
            
            {{if .Data.CompletedAt.Valid}}
            <dt>Completed</dt>
            <dd>{{.Data.CompletedAt.Time.Format "2006-01-02 15:04:05"}}</dd>
            {{end}}
            
            {{if .Data.ErrorMessage.Valid}}
            <dt>Error</dt>
            <dd class="error-text">{{.Data.ErrorMessage.String}}</dd>
            {{end}}
        </dl>
    </div>

    <article>
        <h3>Logs</h3>
        <pre class="logs">{{if .Data.Logs.Valid}}{{.Data.Logs.String}}{{else}}No logs available yet...{{end}}</pre>
    </article>
</div>
{{end}}