<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>
            Onionr
        </title>
        <link rel='stylesheet' href='/shared/style/modal.css'>
        <link rel='stylesheet' href='/shared/main/style.css'>
    </head>
    <body>
        <div id="shutdownNotice" class='overlay'>
            <div>
                <p>Your node will shutdown. Thank you for using Onionr.</p>
            </div>
        </div>
        <img class='logo' src='/shared/onionr-icon.png' alt='onionr logo'>
        <span class='logoText'>Onionr Web Control Panel</span>
        <div class='content'>
            <button id='shutdownNode'>Shutdown Node</button> <button id='refreshStats'>Refresh Stats</button>
            <br><br><a class='idLink' href='/mail/'>Mail</a>
            <h2>Stats</h2>
            <p>Uptime: <span id='uptime'></span></p>
            <p>Stored Blocks: <span id='storedBlocks'></span></p>
            <p>Blocks in queue: <span id='blockQueue'></span></p>
            <p>Connected nodes:</p>
            <pre id='connectedNodes'></pre>
        </div>
        <script src='/shared/misc.js'></script>
        <script src='/shared/main/stats.js'></script>
        <script src='/shared/panel.js'></script>
    </body>
</html>