<!DOCTYPE html>
<html>
<head>
<title>DASH</title>
<link rel=stylesheet href=styles.css />
</head>
<body>
<div style=display:inline-block>
<div style="text-align:center;">
    <span id=t>DASH {{dashId}}</span><br/>
    <span style='font-size:12px'>{{version}}</span>
</div>

<form style="margin:0 auto;">
    <span class=s>WIFI</span>
    <div class=r>
        <label>SSID</label>
        <span class=c>{{ssid}}</span>
    </div>
    <div class="r">
        <label>Security</label>
        <span class="c">{{secType}}</span>
    </div>
    <div id="password-field" class="r">
        <label>Password</label>
        <span class="c">{{password}}</span>
    </div>

    <div class="r">
        <label>IP Addressing</label>
        <span class="c">{{ipAddressing}}</span>
    </div>
    <div id="ip-static-settings" style="display:{{staticSettingsVis}}">
        <div class="r" >
            <label>IP Address</label>
            <span class=c >{{staticIpAddress}}</span>
        </div>
        <div class="r">
            <label>Network Mask</label>
            <span class=c >{{networkMask}}</span>
        </div>
        <div class="r">
            <label>Gateway</label>
            <span class=c >{{gateway}}</span>
        </div>
        <div class="r">
            <label>DNS</label>
            <span class=c >{{dns}}</span>
        </div>
    </div>

    <span class=s>ACCOUNT</span>
    <div class="r">
        <label>Type</label>
        <span class="c">{{ihType}}</span>
    </div>
    <div id="accn" class=r style="display:{{accountVis}}">
        <label>Account Number</label>
        <span class=c >{{account}}</span>
    </div>
    <div id="hn" class=r style="display:{{hostnameVis}}">
        <label>IHBox Server</label>
        <span class=c >{{hostname}}</span>
    </div>
</form>
<br />
<div class=a>{{result}}</div>
<hr class=h/>
<span>&copy; 2015 Ampexa</span>
</div>
</body>
</html>