{{define "content"}}
<div class="deployments">
    <header class="page-header">
        <h2>Deployments</h2>
        <a href="/deployments/new" class="button">New Deployment</a>
    </header>

    <div class="deployments-list">
        {{range .}}
        <div class="deployment-card">
            <h3>{{.Name}}</h3>
            <div class="deployment-details">
                <p><strong>Status:</strong> {{.Status}}</p>
                <p><strong>Image:</strong> {{.Image}}</p>
                <p><strong>Created:</strong> {{.CreatedAt}}</p>
            </div>
            <div class="deployment-actions">
                <a href="/deployments/{{.Name}}" class="button">View Details</a>
            </div>
        </div>
        {{else}}
        <p class="empty-state">No deployments found. <a href="/deployments/new">Create your first deployment</a></p>
        {{end}}
    </div>
</div>
{{end}}