{{template "head"}}
<div id="wierd-flex" class="counter">
    {{range $c := .Counter}}
    <img class="counter-image" alt="{{$c}}" src="/static/counter/{{$c}}.gif">
    {{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>
<p>
<h2>Tasks</h2>
<div class="task-list">
        <table>
            <tr>
                <th>ID</th>
                <th>Library</th>
                <th>Worker</th>
                <th>Type</th>
                <th>Status</th>
                <th>File</th>
            </tr>
            {{range $t := .Tasks}}
            <tr>
                <td>
                    {{ $t.ID }}
                </td>
                <td>
                    {{ $t.Library }}
                </td>
                <td>
                    {{ $t.Worker }}
                </td>
                <td>
                    {{ $t.Type }}
                </td>
                <td>
                    {{ $t.Status }}
                </td>
                <td>
                    {{ $t.File }}
                </td>
            </tr>
            {{end}}
        </table>
</div>
{{template "tail"}}