{% extends "shell.html" %}

{% block title %}Login{% endblock %}

{% block head %}
<link rel="stylesheet" href="/static/auth.css"/>
{% endblock %}

{% block page %}
<div class="main">
    <a id="alyphebig" href="https://asklyphe.com/">
    <div id="lyphebig">
            <div class="bent-surrounding">
                <img id="lypheimg" src="/static/img/lyphebent.png" alt="image of lyphe, our mascot!">
            </div>
            <div id="lyphetitle">
                <img src="/static/img/logo.png" alt="ask Lyphe!"/>
                <p>the best search engine!</p>
            </div>
    </div>
    </a>
    <h1>login</h1>
    <div class="form">
        {% match error %}
        {% when Some with (val) %}
        <div class="error">{{ val }}</div>
        {% when None %}
        {% endmatch %}
        <form method="post">
            <table class="form-table">
                <tr>
                    <td><label for="email">email</label>
                    <input class="textbox" type="email" id="email" name="email" placeholder="e@mail.com"
                               value="{{ email }}"/></td>
                </tr>
                <tr>
                    <td><label for="password">password</label>
                    <input class="textbox" type="password" id="password" name="password"/></td>
                </tr>
            </table>
            <div class="form-buttons">
                <input class="button login-button" type="submit" value="login!"/>
                <a class="bigbutton" href="/forgot_password">forgot password!</a>
                <a class="bigbutton" href="/register">i don't have an account!</a>
            </div>
        </form>
    </div>
</div>

{% include "ui/footer.html" %}
{% endblock %}