<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Viriatum / Connections</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!-- css inclusion -->
        <link rel="stylesheet" href="/resources/css/layout.css" type="text/css" />

        <!-- favicon inclusion -->
        <link rel="shortcut icon" href="/resources/images/favicon.ico" />
    </head>
    <body>
        <div id="header-wrapper">
            <div class="header-body">
                <div class="branding simple">
                    <a href="/"></a>
                </div>
            </div>
        </div>
        <div id="content-wrapper">
            <table class="table status" cellpadding="0" cellspacing="0">
                <tbody>
                    <?php foreach(viriatum_connections_l() as $index => $connection) { ?>
                        <tr>
                            <td class="right label" width="50%">
                                <a href="connection?id=<?php echo($connection["id"]) ?>" class="large">
                                    <?php echo($connection["host"]) ?>
                                </a>
                            </td>
                            <td class="left value" width="50%"><?php echo($connection["uptime"]) ?></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
        <div id="footer-wrapper">
            <div class="footer-body">
                <div class="separator-horizontal"></div>
                <ul class="footer-list">
                    <img class="footer-logo" src="/resources/images/logo/steamfire-logo.png" />
                </ul>
            </div>
        </div>
    </body>
</html>
