<table class="table table-bordered">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Initial Contact</th>
            <th>Last Contact</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {{range .}}
        <tr>
            <td>{{.AgentID}}</td>
            <td>{{.AgentName}}</td>
            <td>{{.InitialContact}}</td>
            <td>{{.LastContact}}</td>
            <td>
                <button class="btn btn-warning" hx-get="/agents/{{.AgentID}}" hx-target="#agentDetails" hx-swap="innerHTML">View</button>

                <button class="btn btn-danger" hx-delete="/agents/{{.AgentID}}" hx-target="#agentList" hx-swap="innerHTML">Delete</button>
            </td>
        </tr>
        {{end}}
    </tbody>
</table>
