<html>
    <head>
        <title>CodeQ Login</title>
    </head>
    <body style="text-align: center;">
        <h1>CodeQ Login</h1>
        <hr>
        <table style="margin: 0 auto;">
            <tbody>
            <tr>
                <td style="text-align: right;">Username:</td>
                <td><input type="text" name="username" id="username"></td>
            </tr>
            <tr>
                <td style="text-align: right;">Password:</td>
                <td><input type="password" name="password" id="password"></td>
            </tr>
            <tr>
                <td style="text-align: right;">Problem:</td>
                <td>
                    <select name="problem_group" id="problem_group" style="min-width: 10em;">
                    </select>
                    <select name="problem" id="problems" style="min-width: 10em;">
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;">
                    <button type="button" id="submit">Login</button>
                </td>
            </tr>
            </tbody>
        </table>
        <div id="disabled" style="position: fixed; left: 0; right: 0; top: 0; bottom: 0; cursor: wait; background-color: rgba(0, 0, 0, 0.7);"></div>
        <script src="js/jquery/jquery-1.11.3.js"></script>
        <script src="js/codeq/login.js"></script>
    </body>
</html>