{extend name="public:base" /}
{block name="body"}
{include file="member/side" /}
<div class="container">
    <div class="page-header">
        <h1>个人资料</h1>
    </div>
    <div class="page-content">
        <form role="form" method="post" action="{:aurl('index/member/profile')}">
            <div class="form-row">
                <label for="realname" class="col-2 control-label">登录账号：</label>
                <div class="form-group col-10">
                    <span class="form-control">{$user.username}</span>
                </div>
            </div>
            <div class="form-row">
                <label for="realname" class="col-2 control-label">真实姓名：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control" name="realname" value="{$user.realname}" />
                </div>
            </div>
            <div class="form-row">
                <label for="email" class="col-2 control-label">邮箱地址：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control" name="email" value="{$user.email}" />
                </div>
            </div>
            <div class="form-row">
                <label for="mobile" class="col-2 control-label">手机号码：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control" name="mobile" value="{$user.mobile}" />
                </div>
            </div>
            <div class="form-row">
                <label for="is_default" class="col-2 control-label">性别：</label>
                <div class="form-group col-10">
                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                        <label class="btn btn-outline-secondary {$user.gender==1?'active':''}">
                            <input type="radio" name="gender" value="1" autocomplete="off"
                                {$user.gender==1?'checked':''}> 男士
                        </label>
                        <label class="btn btn-outline-secondary {$user.gender==2?'active':''}">
                            <input type="radio" name="gender" value="2" autocomplete="off"
                                {$user.gender==2?'checked':''}> 女士
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-row">
                <label for="mobile" class="col-2 control-label">生日：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control datepicker" name="birth" value="{$user.birth|showdate}" />
                </div>
            </div>
            <div class="form-row">
                <label for="mobile" class="col-2 control-label">QQ号码：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control" name="qq" value="{$user.qq}" />
                </div>
            </div>
            <div class="form-row">
                <label for="mobile" class="col-2 control-label">微信号：</label>
                <div class="form-group col-10">
                    <input type="text" class="form-control" name="wechat" value="{$user.wechat}" />
                </div>
            </div>
            <div class="form-row align-content-center submitline">
                <div class="form-group col-12">
                    <button type="submit" class="btn btn-block btn-info">提交保存</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="__STATIC__/moment/min/moment.min.js"></script>
<script src="__STATIC__/moment/locale/zh-cn.js"></script>
<script src="__STATIC__/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
{/block}