{{define "title"}}Assets - XPFarm{{end}}
{{template "layout.html" .}}
{{define "content"}}
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
    <h1>Assets</h1>
</div>

<div class="card">
    <h2>Create Asset Group</h2>
    <form action="/assets/create" method="POST" style="display: flex; gap: 10px;">
        <input type="text" name="name" placeholder="New Asset Group Name" required style="flex: 1;">
        <button type="submit" class="btn btn-primary">Create</button>
    </form>
</div>

{{range .Assets}}
<div class="card">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
        <h2 style="margin: 0;"><a href="/asset/{{.ID}}"
                style="color: var(--color-text); text-decoration: none;">{{.Name}}</a></h2>
        <span class="badge badge-id">ID: {{.ID}}</span>
    </div>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Status</th>
                <th>Type</th>
                <th>Last Updated</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {{range .Targets}}
            <tr>
                <td><a href="/target/{{.ID}}" style="color: var(--color-primary); text-decoration: none;">{{.Value}}</a>
                </td>
                <td>{{.Type}}</td>
                <td>{{if .IsCloudflare}}<span class="badge badge-cf">Cloudflare</span>{{else}}<span
                        style="color: var(--color-muted);">Direct</span>{{end}}</td>
                <td>{{.UpdatedAt.Format "Jan 02, 2006"}}</td>
            </tr>
            {{else}}
            <tr>
                <td colspan="4" style="text-align: center; color: var(--color-muted);">No targets in this asset group.
                </td>
            </tr>
            {{end}}
        </tbody>
    </table>
</div>
{{else}}
<div class="card" style="text-align: center; padding: 40px;">
    <p style="color: var(--color-muted);">No assets found. Start a scan from the Dashboard to create one.</p>
    <a href="/" class="btn btn-primary">Go to Dashboard</a>
</div>
{{end}}
{{end}}