{template 'web/common/header'}
<div class="layui-fluid unpadding">
    <div class="{if empty($_GPC['inajax'])} main-content{/if}">
        <div class="{if empty($_GPC['inajax'])}layui-card fui-card{/if}">
            {if empty($_GPC['inajax'])}
            <div class="layui-card-header">
                <span class="title">{$title}</span>
            </div>
            {/if}
            <div class="layui-card-body">
                <form class="layui-form" method="post" action="{php echo serv('ucenter')->url('member/modify')}" lay-filter="component-form-element">
                    {csrftoken}
                    {if $member}<input type="hidden" name="uid" value="{$member['uid']}" />{/if}
                    <input type="hidden" name="showtab" id="showtab" value="" />
                    <div class="layui-tab" lay-filter="systemset">
                        <ul class="layui-tab-title">
                            <li lay-id="account"{if !$_GPC['showtab'] || $_GPC['showtab']=='account'} class="layui-this"{/if}><a href="#basic">账户信息</a></li>
                            {if $member}
                            <li lay-id="basic"{if $_GPC['showtab']=='basic'} class="layui-this"{/if}><a href="#basic">基础信息</a></li>
                            <li lay-id="contact"{if $_GPC['showtab']=='contact'} class="layui-this"{/if}><a href="#contact">联系方式</a></li>
                            <li lay-id="education"{if $_GPC['showtab']=='education'} class="layui-this"{/if}><a href="#education">教育情况</a></li>
                            <li lay-id="company"{if $_GPC['showtab']=='company'} class="layui-this"{/if}><a href="#company">工作情况</a></li>
                            <li lay-id="extends"{if $_GPC['showtab']=='extends'} class="layui-this"{/if}><a href="#extends">个人情况</a></li>
                            {/if}
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item{if !$_GPC['showtab'] || $_GPC['showtab']=='account'} layui-show{/if}">
                                <div class="layui-form-item must">
                                    <label class="layui-form-label">用户昵称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[nickname]" value="{$member['nickname']}" required lay-verify="required" placeholder="请输入用户昵称" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item must">
                                    <label class="layui-form-label">用户头像</label>
                                    {php echo serv('storage')->tpl_form_image('data[avatar]', $member['avatar'],array('required'=>true,'placeholder'=>'正方形图片（132*132）'));}
                                </div>
                                <div class="layui-form-item{if !$member} must{/if}">
                                    <label class="layui-form-label">登录密码</label>
                                    <div class="layui-input-block">
                                        <input type="password" name="password" value=""{if !$member} required lay-verify="required"{/if} placeholder="请输入用户登录密码" autocomplete="off" class="layui-input" />
                                        {if $member}<div class="layui-word-aux">如不修改请留空</div>{/if}
                                    </div>
                                </div>
                                <div class="layui-form-item must">
                                    <label class="layui-form-label">手机号码</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[mobile]" value="{$member['mobile']}" placeholder="请输入用户手机号" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item must">
                                    <label class="layui-form-label">常用邮箱</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[email]" value="{$member['email']}" placeholder="请输入用户常用邮箱" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item must">
                                    <label class="layui-form-label">用户组</label>
                                    <div class="layui-input-block">
                                        <select class="layui-select" name="data[groupid]" lay-verify="required" lay-search>
                                            <option value="">请选择一个用户组</option>
                                            {loop $groups $key $value}
                                            <option value="{$value['groupid']}"{if $value['groupid']==$member['groupid'] || (!$member && $value['isdefault'])} selected{/if}>{$value['title']}</option>
                                            {/loop}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            {if $member}
                            <div class="layui-tab-item{if $_GPC['showtab']=='basic'} layui-show{/if}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">真实姓名</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[realname]" value="{$member['realname']}" placeholder="请输入用户的真实姓名" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">证件号码</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[idcard]" value="{$member['idcard']}" placeholder="请输入用户的证件号码" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">性别</label>
                                    <div class="layui-input-block">
                                        <select class="layui-select" name="data[gender]">
                                            <option value="0">未知</option>
                                            <option value="1"{if 1==$member['gender']} selected{/if}>男</option>
                                            <option value="2"{if 2==$member['gender']} selected{/if}>女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">出生日期</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="birthday" value="{if $member['birthyear']}{$member['birthyear']}{/if}{if $member['birthmonth']}-{$member['birthmonth']}{/if}{if $member['birthday']}-{$member['birthday']}{/if}" placeholder="请选择用户的出生日期" autocomplete="off" readonly class="layui-input layui-input-laydate" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">详细地址</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[address]" value="{$member['address']}" placeholder="请填写用户的详细地址" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">QQ号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[qq]" value="{$member['qq']}" placeholder="请填写用户的QQ号" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item{if $_GPC['showtab']=='contact'} layui-show{/if}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">固定电话</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[telephone]" value="{$member['telephone']}" placeholder="请填写用户的固定电话" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">MSN</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[msn]" value="{$member['msn']}" placeholder="请填写用户的MSN" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">阿里旺旺</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[taobao]" value="{$member['taobao']}" placeholder="请填写用户的阿里旺旺" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">支付宝</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[alipay]" value="{$member['alipay']}" placeholder="请填写用户的支付宝" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item{if $_GPC['showtab']=='education'} layui-show{/if}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">学号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[studentid]" value="{$member['studentid']}" placeholder="请填写用户的学号" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">班级</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[grade]" value="{$member['grade']}" placeholder="请填写用户的班级" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">毕业学校</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[graduateschool]" value="{$member['graduateschool']}" placeholder="请填写用户的毕业学校" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">最高学历</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[education]" value="{$member['education']}" placeholder="请填写用户的最高学历" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item{if $_GPC['showtab']=='company'} layui-show{/if}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">公司名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[company]" value="{$member['company']}" placeholder="请输入用户的公司名称" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">所在行业</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[occupation]" value="{$member['occupation']}" placeholder="请输入用户的所在行业" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">岗位名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[position]" value="{$member['position']}" placeholder="请输入用户的岗位名称" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">年收入</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[revenue]" value="{$member['revenue']}" placeholder="请输入用户的年收入" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item{if $_GPC['showtab']=='extends'} layui-show{/if}">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">星座</label>
                                    <div class="layui-input-block">
                                        <select name="data[constellation]" class="layui-select" lay-search>
                                            <option value="">请选择用户的星座</option>
                                            <option value="水瓶座"{if $member['constellation']=='水瓶座'} selected{/if}>水瓶座</option>
                                            <option value="双鱼座"{if $member['constellation']=='双鱼座'} selected{/if}>双鱼座</option>
                                            <option value="白羊座"{if $member['constellation']=='白羊座'} selected{/if}>白羊座</option>
                                            <option value="金牛座"{if $member['constellation']=='金牛座'} selected{/if}>金牛座</option>
                                            <option value="双子座"{if $member['constellation']=='双子座'} selected{/if}>双子座</option>
                                            <option value="巨蟹座"{if $member['constellation']=='巨蟹座'} selected{/if}>巨蟹座</option>
                                            <option value="狮子座"{if $member['constellation']=='狮子座'} selected{/if}>狮子座</option>
                                            <option value="处女座"{if $member['constellation']=='处女座'} selected{/if}>处女座</option>
                                            <option value="天秤座"{if $member['constellation']=='天秤座'} selected{/if}>天秤座</option>
                                            <option value="天蝎座"{if $member['constellation']=='天蝎座'} selected{/if}>天蝎座</option>
                                            <option value="射手座"{if $member['constellation']=='射手座'} selected{/if}>射手座</option>
                                            <option value="摩羯座"{if $member['constellation']=='摩羯座'} selected{/if}>摩羯座</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">生肖属相</label>
                                    <div class="layui-input-block">
                                        <select name="data[zodiac]" class="layui-select" lay-search>
                                            <option value="">请选择用户的生肖属相</option>
                                            <option value="鼠"{if $member['zodiac']=='鼠'} selected{/if}>鼠</option>
                                            <option value="牛"{if $member['zodiac']=='牛'} selected{/if}>牛</option>
                                            <option value="虎"{if $member['zodiac']=='虎'} selected{/if}>虎</option>
                                            <option value="兔"{if $member['zodiac']=='兔'} selected{/if}>兔</option>
                                            <option value="龙"{if $member['zodiac']=='龙'} selected{/if}>龙</option>
                                            <option value="蛇"{if $member['zodiac']=='蛇'} selected{/if}>蛇</option>
                                            <option value="马"{if $member['zodiac']=='马'} selected{/if}>马</option>
                                            <option value="羊"{if $member['zodiac']=='羊'} selected{/if}>羊</option>
                                            <option value="猴"{if $member['zodiac']=='猴'} selected{/if}>猴</option>
                                            <option value="鸡"{if $member['zodiac']=='鸡'} selected{/if}>鸡</option>
                                            <option value="狗"{if $member['zodiac']=='狗'} selected{/if}>狗</option>
                                            <option value="猪"{if $member['zodiac']=='猪'} selected{/if}>猪</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">国籍</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[nationality]" value="{$member['nationality']}" placeholder="请输入用户的国籍" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">身高</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[height]" value="{$member['height']}" placeholder="请输入用户的身高" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">体重</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[weight]" value="{$member['weight']}" placeholder="请输入用户的体重" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">血型</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[bloodtype]" value="{$member['bloodtype']}" placeholder="请输入用户的血型" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">邮编</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[zipcode]" value="{$member['zipcode']}" placeholder="请输入用户的邮编" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">个人博客/主页</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[site]" value="{$member['site']}" placeholder="请输入用户的博客或个人主页网址" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">情感状态</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[affectivestatus]" value="{$member['affectivestatus']}" placeholder="请输入用户的情感状态" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">交友目的</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="data[lookingfor]" value="{$member['lookingfor']}" placeholder="请输入用户的交友目的" autocomplete="off" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">自我介绍</label>
                                    <div class="layui-input-block">
                                        <textarea name="data[bio]" class="layui-textarea" placeholder="请输入用户的自我介绍">{$member['bio']}</textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">兴趣爱好</label>
                                    <div class="layui-input-block">
                                        <textarea name="data[interest]" class="layui-textarea" placeholder="请输入用户的兴趣爱好">{$member['interest']}</textarea>
                                    </div>
                                </div>
                            </div>
                            {/if}
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo" type="submit" value="true" name="savedata">保存</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重填</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{template 'web/common/footer'}