<div id="agent-detail">
    <!-- <h2>Agent Details</h2> -->
    <p>ID: {{.AgentID}}</p>
    <p>Name: {{.AgentName}}</p>
    <p>Type: {{.AgentType}}</p>
    <p>IP Addr: {{.IPv4Address}}</p>
    <p>Interactive Port: {{.AddPort}}</p>
    <p>Initial Contact: {{.InitialContact}}</p>
    <p>Last Contact: {{.LastContact}}</p>
    <p>Hostname: {{.HostName}}</p>
    <!-- <button class="btn btn-warning" hx-get="/proxyAgent?ip={{.IPv4Address}}&port={{.AddPort}}" hx-target="#agentConnect" hx-swap="innerHTML">Proxy</button> -->
    <a class="btn btn-warning" href="/proxyAgent?ip={{.IPv4Address}}&port={{.AddPort}}" hx-target="_blank">Proxy</a>
    <a href="http://{{.IPv4Address}}:{{.AddPort}}" class="btn btn-info" target="_blank">Open</a>
</div>