<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <script th:replace="common/head"></script>
        <link xmlns:th="http://www.thymeleaf.org" rel="stylesheet" th:href="${'/css/estate/access.css'}" media="all">
        <style type="text/css">
            .layui-upload-img{
                width: 92px;
                height: 92px;
                margin: 0 10px 10px 0;
            }
            .layui-input-inline {
                width: 180px!important;
            }
        </style>
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body" pad15>
                            <div class="layui-form" lay-filter="">
                                <fieldset class="layui-elem-field">
                                    <legend>会员信息</legend>
                                    <div class="layui-field-box">
                                        <div class="layui-form-item" style="margin-top: 20px">
                                            <label class="layui-form-label"><span class="must">*</span><span>用户名称：</span></label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="name" lay-verify="required|specialCharacters|length" placeholder="请输入用户名称"
                                                       autocomplete="off" class="layui-input" >
                                            </div>
                                            <div class="layui-form-mid layui-word-aux" style="margin-left: 52px">提示：用户名称只能输入2-20个字符，例如：李信、王以太</div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label"><span class="must">*</span><span>性别：</span></label>
                                            <div class="layui-input-inline">
                                                <select name="sex" lay-verify="required">
                                                    <option value="0" >未定义</option>
                                                    <option value="1" >男</option>
                                                    <option value="2" >女</option>
                                                </select>
                                            </div>
                                            <label class="layui-form-label"><span>生日：</span></label>
                                            <div class="layui-input-inline">
                                                <input type="text" id="birthday" name="birthday" placeholder="请选择生日日期" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item">

                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label"><span>证件号码：</span></label>
                                            <div class="layui-input-inline">
                                                <input  type="text" name="idcard" placeholder="请输入证件号码" autocomplete="off"
                                                        lay-verify="cardNum" class="layui-input">
                                            </div>
                                            <label class="layui-form-label"><span>证件类型：</span></label>
                                            <div class="layui-input-inline">
                                                <span id="card_name" class="detail-info">身份证</span>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label"><span class="must">*</span><span>手机号码：</span></label>
                                            <div class="layui-input-inline">
                                                <input type="number"  name="tel" class="layui-input"
                                                       lay-verify="phoneNum" >
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label"><span class="must">*</span><span>密码：</span></label>
                                            <div class="layui-input-inline">
                                                <input type="password" name="password" lay-verify="password" id="password" placeholder="请输入密码"
                                                       class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label"><span class="must">*</span><span>确认密码：</span></label>
                                            <div class="layui-input-inline">
                                                <input type="password" id="password_re" lay-verify="password|passwordRe" placeholder="验证密码"
                                                       autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-form-mid layui-word-aux" style="margin-left: 52px">提示：请再次输入相同的密码</div>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="layui-form-item" style="margin-top: 20px">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="submit_button">提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary" id="cancel_btn">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- javascript -->
        <style type="text/css">
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }
            input[type="number"] {
                -moz-appearance: textfield;
            }
        </style>
        <script type="text/javascript" th:src="@{'/layui/layui.js'}"></script>
        <script type="text/javascript">
            layui.config({
                base: '/' //静态资源所在路径
            });
        </script>
        <script type="text/javascript" th:src="@{'/js/estate/member-add.js'}"></script>
    </body>
</html>