<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>goRoku Controller</title>
        <!--<link rel="stylesheet" href="static/css/foundation.css">-->
        <link rel="stylesheet" href="css/foundation.css">
    </head>
    <body>
        <div class="grid-x">
            <h1 class="large-12 medium-12 small-12 cell text-center">goRoku Connection</h1>
            <div class="large-12 medium-12 small-12 cell text-center">
                <button type="button" class="button" onclick="sendTo('/')">Back to Remote</button> <button type="button" class="button" onclick="sendTo('/conn_refresh')">Reload</button><br>
                <p>{{.connected}}</p><br>
                {{range .resp}}
                    <button type="button" class="button" onclick="sendTo('/con/{{.}}')">{{.}}</button><br>
                {{end}}
            </div>
        </div>
        <script>
            function sendTo(cmd) {
                location = cmd;
            }
        </script>
    </body>
</html>
