{% extends "info/layout.html" %}
{% load static %}
{% block script %}
<script type="text/javascript" src="{% static 'info/javascript/register.js' %}"></script>
{% endblock %}
{% block body %}
<div id="main" class="container-fluid">
    <form method="post">
        {% csrf_token %}
        <div class="mb-3 mt-3">
            <label for="name" class="form-label">姓名:</label>
            <input type="text" class="form-control" id="name" placeholder="输入姓名" name="name" required maxlength="64" />
        </div>
        <div class="mb-3 mt-3">
            <label for="email" class="form-label">邮箱地址:</label>
            <input type="email" class="form-control" id="email" placeholder="输入邮箱地址" name="email" required
                maxlength="128" />
        </div>
        <div class="mb-3 mt-3">
            <label for="mobile" class="form-label">手机号码:</label>
            <input type="number" class="form-control" id="mobile" placeholder="输入手机号码" name="mobile" required
                min="13000000000" max="19999999999" />
        </div>
        <div class="mb-3 mt-3">
            <label for="position" class="form-label">职位:</label>
            <input type="text" class="form-control" id="position" placeholder="输入职位" name="position" maxlength="64" />
        </div>
        <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>
        <hr />
        <div class="mb-3 mt-3">
            <label for="company_name" class="form-label">公司/组织名:</label>
            <input type="text" class="form-control" id="company_name" placeholder="输入公司/组织名" name="company_name"
                required maxlength="64" />
        </div>
        <div class="mb-3 mt-3">
            <label for="company_address" class="form-label">公司/组织地址:</label>
            <input type="text" class="form-control" id="company_address" placeholder="输入公司/组织地址" name="company_address"
                required maxlength="128" />
        </div>
        <div class="mb-3 mt-3">
            <label for="company_license" class="form-label">公司组织机构代码:</label>
            <input type="text" class="form-control" id="company_license" placeholder="输入公司组织机构代码" name="company_license"
                maxlength="64" />
        </div>
        <button id="submit_btn" type="submit" class="btn btn-primary">注册</button>
        <div id="form-button-area">
            <a href="/">登录</a>
            <a href="/forgotPassword">忘记密码</a>
        </div>
    </form>
</div>
<style type="text/css">
    #main {
        display: inline-flex;
        justify-content: center;
    }

    form {
        justify-content: center;
        margin: 20px;
        width: 500px;
    }

    #form-button-area {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }
</style>
{% endblock body %}