{{template "head"}}
<div id="wierd-flex" class="counter">
    {{ $l := len .Counter }}
    {{range $i, $c := .Counter}}
    <img class="counter-image" alt="{{$c}}" src="/static/counter/{{$c}}.gif">
        {{ $n := sub $l $i }}
        {{ if eq $n 4 }}
            KB
        {{ else if eq $n 7 }}
            MB
        {{ else if eq $n 10 }}
            GB
        {{ else if eq $n 13 }}
            TB
        {{end}}
    {{end}}
</div>
<h2>Workers</h2>
<div class="worker-list">
    {{range $w := .Workers}}
    <div class="worker">
        <h4>{{ $w.Name }}</h4>
        <table>
            <tr>
                <td>
                    Address
                </td>
                <td>
                    {{ $w.Address }}
                </td>
            </tr>
            <tr>
                <td>
                    Connected
                </td>
                <td>
                    {{ $w.Connected }}
                </td>
            </tr>
            <tr>
                <td>
                    ConnectionChanged
                </td>
                <td>
                    {{ $w.ConnectionChanged }}
                </td>
            </tr>
            {{if $w.Connected}}
            <tr>
                <td>
                    CPUs
                </td>
                <td>
                    {{ $w.Status.CPUCount }}
                </td>
            </tr>
            <tr>
                <td>
                    CPU Usage
                </td>
                <td>
                    {{ $w.Status.CPUUsage }}%
                </td>
            </tr>
            <tr>
                <td>
                    Memory
                </td>
                <td>
                    {{ $w.Status.MemoryTotal }} GB
                </td>
            </tr>
            <tr>
                <td>
                    Memory Usage
                </td>
                <td>
                    {{ $w.Status.MemoryUsage }}%
                </td>
            </tr>
            {{end}}
        </table>          
    </div>
    {{end}}
</div>
{{template "tail"}}