<div class="navbar container adminbar main">
    <div class="ui grid">
        <div class="column">
            <div class="ui left floated header adminbar text">
                <span class="adminbar align">
                    Version <span class="adminbar embed">{{AppVer}}</span>
                </span>
                
                <span class="adminbar align hide-mobile">
                    Render
                    <span class="adminbar embed">{{LoadTimes .PageStartTime}}</span>
                </span>

                <span class="adminbar align hide-mobile">
                    Browser
                    <span class="adminbar embed" id="browser"><span>···</span></span>
                </span>
            </div>
            <div class="ui right floated header adminbar text">
                <div class="ui dropdown">
                    {{if .Lab}}<i class="octicon octicon-pulse"></i>
                    {{else}}<i class="octicon octicon-squirrel"></i>
                    {{end}}
                </div>

                <span class="adminbar align hide-mobile">
                    {{if .Lab}}{{AppName}}:Lab{{else}}{{AppName}}:Prod{{end}}
                </span>
                <span class="adminbar divider hide-mobile"></span>

                <span class="adminbar align hide-mobile">
                    Current Memory
                    <span class="adminbar embed">{{.AdminBar.MemAllocated}}</span>
                </span>

                <span>{{GoVer}}</span>

                <a href="{{AppURL}}admin">
                    <span style="font-size:12px;color:white;margin-left:10px" class="octicon octicon-rocket"></span>
                </a>
                <a class="sitestatus ui empty circular label mini" href="{{AppURL}}status"></a>
            </div>
        </div>
    </div>
</div>

<script>
var renderStart = new Date().getTime();
window.onload = function() { 
    var elapsed = new Date().getTime() - renderStart;
    $('#browser').html(elapsed + 'ms');
}
</script>
