#extend("base"):
    #export("title"):Login#endexport
    #export("body"):
        <h1>Login</h1>

        <form method="post" id="login" data-login-url="#baseURL/api/auth/login"">
            <table style="border: none;">
                <tr>
                    <th>Email:</th>
                    <td><input type="email" name="email" /></td>
                </tr>
                <tr class="error invalidEmail" hidden>
                    <td colspan="2">Enter your email address</td>
                </tr>
                <tr>
                    <th>Password:</th>
                    <td><input type="password" name="password" /></td>
                </tr>
                <tr class="error invalidPassword" hidden>
                    <td colspan="2">Enter your password</td>
                </tr>
                <tr>
                    <td colspan="2"><button id="login">Log in</button> <button id="forgot-password">Forgot password</button></td>
                </tr>
                <tr class="error" id="failure" hidden>
                    <td colspan="2">Login failed,<br>check your email and password</td>
                </tr>
            </table>
        </form>

        <form method="post" id="forgot" data-reset-url="#baseURL/api/auth/forgot" hidden>
            <table style="border: none;">
                <tr>
                    <td colspan="2">Enter your email address and click <em>Initiate</em> and we'll send and email with a link you can use to set a new password.</td>
                </tr>
                <tr>
                    <th>Email:</th>
                    <td><input type="email" name="email" autocomplete="email" /></td>
                </tr>
                <tr class="error invalidPassword" hidden>
                    <td>Enter a password with at least 12 characters</td>
                </tr>
                <tr>
                    <td colspan="2"><button id="reset-password">Initate</button></td>
                </tr>
                <tr class="error" id="failure" hidden>
                    <td>Failed to initate a password reset, try again later</td>
                </tr>
            </table>
        </form>

        <div id="reset-info" hidden>
            <p>We've sent an email to <span id="reset-email"></span> with a link you can use to set a new password.</p>
        </div>
    #endexport
#endextend