{extend name="layout:home" /}
{block name="container"}
<style>
    .accountinfo_title{
        width: 150px;
        margin:50px auto;
        text-align: center;
        font-size: 13px;
        color: dodgerblue;
    }
    table{
        margin:-30px auto;
        font-size: 13px;
        margin-bottom: 100px;
    }
    /*.accountinfo_title table{*/
    /*margin-left: 150px;*/
    /*}*/
    table td{
        width: 100px;
        height: 60px;
        line-height: 60px;
    }
    .td_info{
        width: 80px;
        height: 60px;
        line-height: 60px;
    }
    .td_user_info{
        width: 220px;
        height: 60px;
        line-height: 60px;
    }
    table input{
        border: 1px #aaa solid;
        border-radius: 2px;
        height: 30px;
        width: 280px;
        line-height:30px ;
    }
</style>
<div class="layui-tab layui-tab-card">
    <div class="updatepwd">
        <form method="post">
            <div>
                <div class="accountinfo_title" style="font-size: 16px;">修改用户名</div>
                <table>
                    <tr>
                        <td class="td_info">当前用户名</td>
                        <td class="td_user_info"><input type="text" name="user_email" id="user_email" value="{$user['user_email']}" readonly="readonly"></td>
                    </tr>
                    <tr>
                        <td class="td_info">修改用户名</td>
                        <td class="td_user_info"><input type="text" name="new_user_email" id="new_user_email" placeholder="请输入修改用户名"></td>
                    </tr>
                    <tr>
                        <td class="td_info">确认用户名</td>
                        <td class="td_user_info"><input type="text" name="confirm_user_email" id="confirm_user_email" placeholder="请再次输入修改用户名"></td>
                    </tr>
                    <tr>
                        <td class="td_info"></td>
                        <td>
                            <input type="submit" id="layui-btn" value="保存修改" style="width: 70px;margin-left: 30px;">
                            <input type="button" id="btn" value="取消" style="width: 70px;margin-left: 50px;">
                        </td>
                    </tr>
                </table>

            </div>
        </form>
    </div>
</div>
<script>
    $("#btn").click(function(){
        window.history.back(-1);
    });
</script>
<script type="text/javascript">
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy/MM/dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}