{% extends "info/layout.html" %}
{% load static %}
{% block script %}{% endblock script %}
{% block body %}
<div id="main" class="container">
    <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="16" value="{{ user.name }}"/>
        </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="64" value="{{ user.email }}"/>
        </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" value="{{ user.mobile }}"/>
        </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" value="{{ user.position }}"/>
        </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 %}