{% extends "info/layout.html" %}
{% load static %}
{% block script %}
<script type="text/javascript" src="{% static 'info/javascript/register.js' %}"></script>
{% endblock script %}
{% block body %}
<div id="main" class="container">
    <form method="post">
        {% csrf_token %}
        <div class="mb-3 mt-3">
            <label for="current_pwd" class="form-label">当前密码:</label>
            <input type="password" id="current_pwd" class="form-control" id="pwd" placeholder="输入当前密码" name="current_pwd" required
                minlength="6" maxlength="32" />
        </div>
        <hr/>
        <div class="mb-3 mt-3">
            <label for="pwd" class="form-label">新密码:</label>
            <input type="password" id="psw" class="form-control" id="pwd" placeholder="输入新密码" name="password" required
                minlength="6" maxlength="32" />
        </div>
        <div class="mb-3 mt-3">
            <label for="pwd" class="form-label">再次输入新密码:</label>
            <input type="password" id="psw2" class="form-control" id="pwd2" placeholder="再次输入新密码" name="paasword2"
                required minlength="6" maxlength="64" onblur="IsSamePassword()" />
            <span id="password_alert"></span>
        </div>
        <div id="form-button-area">
            <button type="submit" class="btn btn-primary">修改</button>
            <a href="/home/">返回</a>
        </div>
    </form>
</div>
<style type="text/css">
    #form-button-area {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }
</style>
{% endblock body %}