{% extends "base.html" %}
{% load static %}
{% load i18n %}
{% load account socialaccount %}
{% block title %}注册账号{% endblock %}
{% block style %}
    <link rel="stylesheet" type="text/css" href="{% static 'L_header.css' %}">
{% endblock style %}

{% block content %}
    <div class="container mt-5">
        <div class="row">
            <div class="col-10" style=" float: none;
                                        display: block;
                                        margin-left: auto;
                                        margin-right: auto;
                                        margin-top: 50px;">
                <br>
                <p>
                    {% blocktrans %}已经有账号了? 请 <a href="{{ login_url }}">登录</a>{% endblocktrans %}
                </p>
                <div class="col-8">
                    <form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
                        <div class="form-group">
                            {% csrf_token %}
                            <div class="form-group mb-1">
                                <label for="id_username">
                                    用户名
                                </label>
                                <input type="text" name="username" placeholder="请输入用户名"
                                       class="form-control" autocomplete="username" minlength="1" maxlength="150"
                                       required="" id="id_username"/>
                            </div>
{#                            <div class="form-group mb-1">#}
{#                                <label for="id_email">#}
{#                                    邮箱(选填)#}
{#                                </label>#}
{#                                <input type="email" name="email" placeholder="请输入邮箱" autocomplete="email" id="id_email"#}
{#                                       class="form-control"/>#}
{#                            </div>#}
                            <div class="form-group mb-1">
                                <label for="id_password1">
                                    输入密码:
                                </label>
                                <input type="password" name="password1" placeholder="请输入密码" autocomplete="new-password"
                                       required="" id="id_password1"
                                       class="form-control"/>
                            </div>
                            <div class="form-group mb-1">
                                <label for="id_password2">
                                    确认密码:
                                </label>
                                <input type="password" name="password2" placeholder="请再次输入密码"
                                       required="" id="id_password2"
                                       class="form-control"/>
                            </div>
                            {% if redirect_field_value %}
                                <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"
                                       class="form-control"/>
                            {% endif %}
                            <button class="primaryAction btn btn-primary" type="submit"
                                    id="submit_sign_up">{% trans "注册" %} &raquo;
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


{% endblock %}
