{include file="header" /}

<link href="/mobile/m-css/m-index.css" rel="stylesheet" type="text/css">
  <div style='text-align:center;height:40px;background:white;font-weight:bold;border-bottom:1px solid #efefef;line-height:40px;'>
     我的资料
  </div>
  
  <style>
    .layui-tab{margin:0;}
	.layui-tab-title li{width:24%;}
	.special .layui-btn{
	    float: right;
		margin-top: -48px;
		z-index: 999;
		position: relative;
	}
  </style>

<div class="layui-tab layui-tab-brief" lay-filter="user" style='background:white;'>
    <ul class="layui-tab-title" id="LAY_mine">
        <li class="layui-this" lay-id="info">基础资料</li>
        <li lay-id="avatar">头像</li>
        <li lay-id="pass">密码</li>
    </ul>
    <div class="layui-tab-content" style="padding: 20px 0;">
        <div class="layui-form layui-form-pane layui-tab-item layui-show">
            <form class="layui-form" method="post">
                <div class="layui-form-item"> <label class="layui-form-label">用户名</label>
                    <div class="layui-input-inline">
                        <input type="text" name="username" required="" lay-verify="required" autocomplete="off" value="{$userinfo.username}" class="layui-input" disabled style="cursor: not-allowed !important;">
                    </div>
                </div>
                <div class="layui-form-item"> <label class="layui-form-label">昵称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="nickname" required="" lay-verify="required" autocomplete="off" value="{$userinfo.nickname}" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item special"> <label class="layui-form-label">手机</label>
                    <div class="layui-input-inline"> <input type="text" name="mobile" required="" lay-verify="phone" autocomplete="off" value="{$userinfo.mobile}" class="layui-input" disabled style="cursor: not-allowed !important;"></div>
                    {eq name="userinfo.ischeck_mobile" value="1"}
                    <button class="layui-btn layui-iframe  layui-btn-primary" type="button" href="{:url('changemobile')}" lay-data="{width:'90%',height:'250px',title:'修改手机'}">修改</button>
                    {else/}
                    <button class="layui-btn layui-iframe layui-btn-primary" type="button" href="{:url('actmobile')}" lay-data="{width:'90%',height:'250px',title:'激活手机'}">激活</button>
                    {/eq}
                </div>
                <div class="layui-form-item special"> <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-inline"> <input type="text" name="email" required="" lay-verify="email" autocomplete="off" value="{$userinfo.email}" class="layui-input" disabled style="cursor: not-allowed !important;"> </div>
                    {eq name="userinfo.ischeck_email" value="1"}
                    <button class="layui-btn layui-iframe layui-btn-primary" type="button" href="{:url('changeemail')}" lay-data="{width:'90%',height:'250px',title:'修改邮箱'}">修改</button>
                    {else/}
                    <button class="layui-btn layui-iframe layui-btn-primary" type="button" href="{:url('actemail')}" lay-data="{width:'90%',height:'250px',title:'激活邮箱'}">激活</button>
                    {/eq}
                </div>
                {:hook("user_config")}
                <div class="layui-form-item"> <button class="layui-btn" lay-submit="{:url('member/index/profile')}" data-refresh="false"  style='width: 90%;margin-left: 5%;'>确认修改</button> </div>
            </form>
        </div>
        <div class="layui-form layui-form-pane layui-tab-item">
            <div class="layui-form-item">
                <div class="avatar-add">
                    <p>建议尺寸168*168，支持jpg、png、gif，最大不能超过50KB</p> <button type="button" class="layui-btn upload-img"> <i class="layui-icon"></i>上传头像 </button><input class="layui-upload-file" type="file" accept="undefined" name="file">
                    <img src="{$userinfo.avatar}" class="avatar-img"> <span class="loading"></span>
                </div>
            </div>
        </div>
        <div class="layui-form-pane layui-tab-item">
            <form class="layui-form" method="post">
                <div class="layui-form-item"> <label class="layui-form-label">旧密码</label>
                    <div class="layui-input-inline"> <input type="password" name="oldpassword" required="" lay-verify="required" autocomplete="off" class="layui-input"> </div>
                </div>
                <div class="layui-form-item"> <label class="layui-form-label">新密码</label>
                    <div class="layui-input-inline"> <input type="password" name="newpassword" required="" lay-verify="required" autocomplete="off" class="layui-input"> </div>
                </div>
                <div class="layui-form-item"> <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-inline"> <input type="password" name="renewpassword" required="" lay-verify="required" autocomplete="off" class="layui-input"> </div>
                </div>
                <div class="layui-form-item"> <button class="layui-btn" lay-submit="{:url('member/index/changepwd')}" data-refresh="false" style='width: 90%;margin-left: 5%;'>确认修改</button> </div>
            </form>
        </div>
    </div>
</div>
{include file="layui" /}
<script type="text/javascript">
//上传图片
layui.use(['yznForm','upload'], function(upload) {
    var yznForm = layui.yznForm,
    upload = layui.upload;
    var avatarAdd = $('.avatar-add');


    yznForm.listen();
    upload.render({
        elem: '.upload-img',
        url: GV.image_upload_url,
        size: 50,
        before: function() {
            avatarAdd.find('.loading').show();
        },
        done: function(res) {
            if (res.code == 0) {
                $.post(GV.profile_upload_url, {
                    avatar: res.id
                }, function(data) {
                    layer.msg('上传成功！', { icon: 1});
                    $('.avatar-img').attr('src', res.path);
                    //location.reload();
                });
            } else {
                layer.msg(res.info, { icon: 5 });
            }
            avatarAdd.find('.loading').hide();
        },
        error: function() {
            avatarAdd.find('.loading').hide();
        }
    });
});
</script>

<!-- 最底部导航 -->
<div class="gzs-bottombar">
<a href="/" class="gzs-bo"><img src="/mobile/picture/index.png">首页</a>
<a href="/course" class="gzs-bo"><img src="/mobile/picture/index-ke.png">课程</a>
<a href="{:url('pay/index/buy_list')}" class="gzs-bo"><img src="/mobile/picture/index-yg.png">已购</a>
<a href="/member/" class="gzs-bo  gzs-on"><img src="/mobile/picture/index-admin2.png">我的</a>
</div>
<!-- 最底部导航 End -->