{include file="./app/home/view/web/common_head.html" /}
<div class="user-info">
    <div class="center">
        <div class="menu">
            <ul>
                <li class="active"><a href="{:url('set/index')}">会员信息</a></li>
                <li><a href="{:url('set/repass')}">密码管理</a></li>
                <li><a href="{:url('index/service')}">售后服务</a></li>
                <li><a href="{:url('index/address')}">收货地址</a></li>
                <li><a href="{:url('order/index')}">我的订单</a></li>
                <li><a href="{:url('cart/index')}">购物车</a></li>
            </ul>
        </div>
        <div class="pos">会员信息</div>
        <div class="main">
            <form action="{:url('user/set/index')}" method="post">
                <div class="tr">
                    <div class="left">头像：</div>
                    <div class="right">
                        <img src="{:imgUrl($userInfo['avatar'])}" id="avatarSrc" alt="{$userInfo.username}">
							<span class="file-button">
								<span>上传头像</span>
								<input type="file" id="avatar" name="file">
                                <input type="hidden" id="avatarPath" name="avatar" value="{$userInfo.avatar}">
							</span>
                    </div>
                </div>
                <div class="tr">
                    <div class="left">*昵称：</div>
                    <div class="right"><input type="text" placeholder="输入昵称" id="L_username" name="username" lay-verify="required" value="{$userInfo.username}"></div>
                </div>
                <div class="tr">
                    <div class="left">*性别：</div>
                    <div class="right sex">
                        <input type="radio" name="sex" id="sex1" value="1" {if condition="$userInfo['sex'] eq 1"}checked{/if}>
                        <label for="sex1"></label><span>男</span>
                        <input type="radio" name="sex" id="sex2" value="2" {if condition="$userInfo['sex'] eq 2"}checked{/if}>
                        <label for="sex2"></label><span>女</span>
                        <input type="radio" name="sex" id="sex3" value="0" {if condition="$userInfo['sex'] eq 0"}checked{/if}>
                        <label for="sex3"></label><span>保密</span>
                    </div>
                </div>
                <div class="tr">
                    <div class="left">生日：</div>
                    <div class="right date">
                        <input type="date" id="L_birthday" name="birthday" value="{$userInfo.birthday}">
                    </div>
                </div>
                <div class="tr">
                    <div class="left">邮箱：</div>
                    <div class="right"><input type="text" placeholder="输入邮箱" id="L_email" name="email" lay-verify="email" value="{$userInfo.email}"></div>
                </div>
                <div class="tr">
                    <div class="left">*真实姓名：</div>
                    <div class="right"><input type="text" placeholder="输入真实姓名" name="qq" align="qq" value="{$userInfo.qq}"></div>
                </div>
                <div class="form-btn">
                    <input type="submit" value="提交">
                </div>
            </form>
        </div>
    </div>
</div>
<script src="__HOME__/js/layui/layui.js"></script>
<script>
    /*layui.use(['form', 'layer'], function () {
        var form = layui.form, $ = layui.jquery;
        form.on('select(province)', function (data) {
            var pid = data.value;
            $.get("{:url('getRegion')}?pid=" + pid, function (data) {
                var html = '<option value="">请选择市</option>';
                $.each(data, function (i, value) {
                    html += '<option value="' + value.id + '">' + value.name + '</option>';
                });
                $('#city').html(html);
                $('#district').html('<option value="">请选择县/区</option>');
                form.render()
            });
        });
        form.on('select(city)', function(data) {
            var pid = data.value;
            $.get("{:url('getRegion')}?pid=" + pid, function (data) {
                var html='<option value="">请选择县/区</option>';
                $.each(data, function (i, value) {
                    html += '<option value="'+value.id+'">'+value.name+'</option>';
                });
                $('#district').html(html);
                form.render()
            });
        });
    });*/

    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        upload.render({
            elem: '#avatar' //绑定元素
            ,url: "{:url('upFiles/upload')}" //上传接口
            ,done: function(res){
                //上传完毕回调
                if (res.code == 1){
                    $("#avatarSrc").attr("src","/public/" + res.url);
                    $("#avatarPath").val(res.url);
                } else {
                    alert(res.info);
                }
            }
            ,error: function(){
                //请求异常回调
            }
        });
    });

    /*layui.cache.page = 'user';
    layui.cache.user = {
        username: '游客'
        ,uid: -1
        ,avatar: '../../res/images/avatar/00.jpg'
        ,experience: 83
        ,sex: '男'
    };
    layui.config({
        version: "2.0.0"
        ,base: '__STATIC__/user/mods/'
    }).extend({
        fly: 'index'
    }).use('fly');*/
</script>
{include file="./app/home/view/web/common_footer.html" /}