<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="resources/stylesheet.css"/>
    <meta charset="UTF-8">
    <title>{{device}} WebUI {{ecpversion}}</title>
</head>
<body class="main">
<div class="main" style="position:relative;">

    <span style="font-size:1.2em; position:absolute; left:20px;"
          title="signal strength: {{signalRssi}}%">{{signalBars}}</span>

    <div class="spacer"></div>

    <p><img src="resources/{{webuilogo}}"/></p>

    {{ips}}

    <p title="{{operatorDetails}}"><strong>Mobile Broadband:</strong> {{state}}</p>

    <p><strong>ICCID:</strong> {{iccid}}</p>

    <p><strong>IMSI:</strong> {{imsi}}</p>

    <div class="spacer"></div>

    <p><strong>Device:</strong> {{device}}</p>

    <p><strong>ECP Version:</strong> {{ecpversion}}</p>

    <p><strong>MSII Version:</strong> {{msiiversion}}</p>

    <p><strong>Image Version:</strong> {{imageversion}}</p>

    <p><strong>RescueOS Version:</strong> {{rescueOSversion}}</p>

    <p><strong>Device ID:</strong> {{id}}</p>

    <p><strong>Running Time:</strong> {{time}}</p>

    <p title="{{locationDetails}}">
        <strong>GPS:</strong>
        <a href="http://www.openstreetmap.org/?mlat={{lat}}&mlon={{lon}}&zoom=17" target="_blank">{{lat}} / {{lon}}</a>
    </p>

    <p style="{{showcaseModeStyle}}color: red; font-weight: bold;">Showcase mode</p>
    <p style="{{showcaseModeStyle}}">All features are enabled, but functionality is limited.</p>

    <div class="spacer"></div>

    <br>

    <p>
        <a href="/config/" class="button">Config</a>
        <a href="/trainwhitelist/" class="button">Token Whitelist</a>
        <a href="/debug" class="button">Debug</a></p>
        <a href="#" class="button" onclick="javascript:window.location.port=8081" style="{{meterenable}}">Meter</a>
        <a href="#" class="button" onclick="javascript:window.location.port=9000" style="{{dcmsenable}}">DCMS</a>
    <br>

</div>
</body>
</html>
