{{template "base" .}}
{{define "content"}}
<div>
    <canvas id="canvas" width="1280" height="720">Not supported</canvas>
    <img src="/stream?name={{.Name}}" id="current_color_stream" hidden>
    <img src="/previous?name={{.Name}}" width="425" height="240">
    <img src="/debug?name={{.Name}}" width="425" height="240">
    <img src="/current?name={{.Name}}" width="425" height="240">
</div>
<table class="pure-table pure-table-horizontal pure-table-striped">
    <caption>Watches</caption>
    <thead>
        <tr>
            <th>Name</th>
            <th>Color</th>
            <th>Areas</th>
        </tr>
    </thead>
    {{range $watch := .Watches}}
        <tr>
            <td>{{ $watch.Name }}</td>
            <td>{{ $watch.Color }}</td>
            <td>{{ len $watch.Areas }}</td>
        </tr>
        
    {{end}}
</table>
{{end}}