{% extends "base_with_header.html" %}

{% block main_container %}

<div class="content" id="sign-up">

    <h1>{{ tr.t(Sentence::SignUpTitle) }}</h1>

    <form action="/signup" method="post">
        <label for="input-email">{{ tr.t(Sentence::EmailAddress) }}</label>
        <input id="input-email" type="email"
            name="email" value="{{ email }}"
            autocapitalize="none" autocomplete="email" autofocus="autofocus" />

        {{ message_email }}

        <label for="input-password-1">
            {{ tr.tp(Sentence::ChooseAPassword, [Box::new(common::consts::MIN_PASSWORD_SIZE)]) }}
        </label>
        <input id="input-password-1" type="password" name="password_1" autocomplete="new-password" />

        <label for="input-password-2">{{ tr.t(Sentence::ReEnterPassword) }}</label>
        <input id="input-password-2" type="password" name="password_2" autocomplete="new-password" />

        {{ message_password }}

        <input type="submit" name="commit" value="{{ tr.t(Sentence::SignUpButton) }}" />
    </form>
    {{ message }}
</div>

{% endblock %}