{% extends "core/base.html" %}
{% comment %}
  This template is deprecated. Account pages are now part of the back-office.
{% endcomment %}

{% load materializecss %}
{% load i18n %}
{% load static %}

{% block title %}{% trans "Register" %}{% endblock title %}

{% block body %}

    <div class="row">
        <div class="col m8 offset-m2">
            <div class="card">
                <div class="card-content">
                    <span class="card-title">
                        {% trans "Register for an account with" %} {{ request.press.name }}.
                    </span>
                     {% if request.repository and request.repository.login_text %}
                        {{ request.repository.login_text|safe }}
                    {% endif %}
                    <p>{% trans "Password Rules" %}:</p>
                    <ul class="no-top-margin browser-default">
                        {% include "common/elements/password_rules.html" %}
                    </ul>
                    <p>
                        {% blocktrans trimmed %}For more information read our <a href="#" data-target="passwordmodal" class="modal-trigger">password guide</a>.{% endblocktrans %}
                    </p>
                        {% include "common/elements/orcid_registration.html" with button_classes="btn wide-button orcid-button" %}
                        <form method="POST">
                        {% include "elements/forms/errors.html" %}
                        {% csrf_token %}
                        {{ form|materializecss }}
                        <p>
                            {% trans "By registering an account you agree to our" %}
                            {% include "common/accounts/register_privacy_policy.html" %}
                        </p>
                        {% if journal_settings.general.display_register_page_notice %}
                        {{ journal_settings.general.register_page_notice|safe }}
                        {% endif %}
                        <button type="submit"
                                class="btn btn-primary float-right">{% trans "Register" %}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div id="passwordmodal" class="modal">
        <div class="modal-content">
            <h4>{% trans "Password Guide" %}</h4>
            <p class="lead">{% trans "When it comes to passwords, length is better than complexity." %}</p>
            <p>{% trans "Its a common myth that a short and complex password (Jfjfy&65^87) is more secure than a long and uncomplicated password (our awesome moon base rocks)." %}</p>
            <p>{% blocktrans %}We recommend selecting a long, but easy to remember password such as <i>our awesome moon base
                rocks</i> which would take an estimated septillion years to crack as opposed to a complex one
                like <i>Jfjfy&65^87</i> which would take just over 600 years on a standard computer.{% endblocktrans %}</p>
        </div>
        <div class="modal-footer">
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">{% trans "Close" %}</a>
        </div>
    </div>
{% endblock body %}