{% extends 'layouts/base.njk' %}
{% import 'macros.njk' as macros %}

{% set title = 'Authentication / Registration' %}
{% set decription = 'Join Watch My Stream and power up your streams!' %}
{% set h1 = 'Authentication and registration' %}

{% block body %}
    <div class="container">
        <div class="panel">
            {% if register_confirm_email %}
                <form action="/auth" method="POST" id="register-form">
                    <h2>Register</h2>
                    {{ macros.message('question', 'Do you wish to create a new account with ' + register_confirm_email + '?', false, false) }}
                    {{ macros.message('warning', 'If you already have an account, please log in with your existing email first and then add your new email in the Account page.', false, true) }}
                    <input type="hidden" name="email" value="{{ register_confirm_email }}">
                    <input type="hidden" name="confirm_register" value="confirm">

                    <div class="form-field">
                        <div class="form-display">Email: {{ register_confirm_email }}</div>
                    </div>

                    <a href="/auth" class="button transparent">Go back</a>
                    <button type="submit" class="primary">Register</button>

                    {{ macros.csrf(getCSRFToken) }}
                </form>
            {% else %}
                <form action="/auth" method="POST" id="login-form">
                    <h2>Log in or register</h2>
                    {#                    {{ macros.message('info', 'If we don\'t find your email address in our database, you will be able to register.', false, true) }}#}
                    <div class="input-field">
                        {{ macros.field(_locals, 'email', 'email', query.email or '', 'Your email address', "If we don't find your email address in our database, you will be able to register.", 'required') }}
                    </div>
                    <button type="submit">Authenticate</button>

                    {{ macros.csrf(getCSRFToken) }}
                </form>
            {% endif %}
        </div>
    </div>
{% endblock %}