package view

import (
	"fmt"
	"git.staur.ca/stobbsm/clustvirt/cluster"
	"git.staur.ca/stobbsm/clustvirt/view/components"
	"git.staur.ca/stobbsm/clustvirt/view/layouts"
)

templ ClusterInfo(cs *cluster.ClusterStats, diff cluster.StatDiff, navbar []components.NavItem) {
	@layouts.Manager("ClustVirt", "Cluster Manager", navbar) {
		<h3>Cluster Stats</h3>
    @CPUStats(cs, diff)
	}
}

templ CPUStats(cs *cluster.ClusterStats, diff cluster.StatDiff) {
	<table class={ "table-auto", "w-full" }>
		<caption class={ "caption-top" }>
			CPU stats
		</caption>
		<thead>
			<tr>
				<th></th>
				<th>Sockets</th>
				<th>Cores</th>
				<th>Threads</th>
				<th>Allocated</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					Latest
				</td>
				<td>
					{ fmt.Sprint(cs.CPU.Sockets) }
				</td>
				<td>
					{ fmt.Sprint(cs.CPU.Cores) }
				</td>
				<td>
					{ fmt.Sprint(cs.CPU.Threads) }
				</td>
				<td>
					{ fmt.Sprint(cs.CPU.Allocated) }
				</td>
			</tr>
			<tr>
				<td>
					Change
				</td>
				<td>
					{ fmt.Sprint(diff.CPU.Sockets) }
				</td>
				<td>
					{ fmt.Sprint(diff.CPU.Cores) }
				</td>
				<td>
					{ fmt.Sprint(diff.CPU.Threads) }
				</td>
				<td>
					{ fmt.Sprint(diff.CPU.Allocated) }
				</td>
			</tr>
		</tbody>
	</table>
}