{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}
<section class="content">
    <div class="row">
        <div class="col-md-3">
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <h3 class="profile-username text-center">{$admin.user.nickname}</h3>
                    <p class="text-muted text-center">{$admin.user.username}</p>
                    <p>
                        {foreach name='admin.user.role_text' id='role'}
                        <small class="label bg-blue">{$role}</small>
                        {/foreach}
                    </p>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#profile" data-toggle="tab" aria-expanded="true">收款信息</a></li>
                    <li class=""><a href="#privacy" data-toggle="tab" aria-expanded="false">修改密码</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="profile">
                        <form class="dataForm form-horizontal" id="dataForm1" action="" method="post">
                            <input type="hidden" value="profile" name="update_type" placeholder="请勿修改">

                            <div class="form-group">
                                <label for="type" class="col-sm-2 control-label">收款方式</label>
                                <div class="col-sm-10 col-md-4">
                                    <select name="type" id="type" class="form-control field-select"
                                            data-placeholder="请选择账户类型">
                                        <option selected value=""></option>
                                        {foreach :model('agency_user')::bank_type() as $key=>$vo}
                                        <option value="{$key}" {if isset($data) && $data.type==$key}selected{/if}>
                                            {$vo}
                                        </option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                            <script>
                                $('#type').select2();
                            </script>


                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label">真实姓名</label>
                                <div class="col-sm-10 col-md-4">
                                    <input maxlength="255" id="name" autocomplete="off" type="text" name="name"
                                           value="{$data.name|default=''}" class="form-control" placeholder="请输入姓名">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="account" class="col-sm-2 control-label">收款账户</label>
                                <div class="col-sm-10 col-md-4">
                                    <input maxlength="50" id="account" autocomplete="off" name="account"
                                           value="{$data.account|default=''}" class="form-control" placeholder="请输入账号">
                                </div>
                            </div>


                            <div class="form-group">
                                <label for="remark" class="col-sm-2 control-label">备注</label>
                                <div class="col-sm-10 col-md-4">
                                    <input maxlength="255" id="remark" autocomplete="off" type="text" name="remark"
                                           value="{$data.remark|default=''}" class="form-control" placeholder="请输入备注">
                                </div>
                            </div>
                            {:token()}
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="btn btn-danger">保存</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane" id="privacy">
                        <form class="dataForm form-horizontal" id="dataForm2" action="" method="post">
                            <input type="hidden" value="password" name="update_type" placeholder="请勿修改">
                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label">当前密码</label>
                                <div class="col-sm-10 col-md-4">
                                    <input type="password" autocomplete='password' class="form-control" name="password" id="password"
                                           placeholder="请输入当前密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="new_password" class="col-sm-2 control-label">新密码</label>
                                <div class="col-sm-10 col-md-4">
                                    <input type="password" class="form-control" autocomplete='off' name="new_password" id="new_password"
                                           placeholder="请输入新密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="renew_password" class="col-sm-2 control-label">确认新密码</label>
                                <div class="col-sm-10 col-md-4">
                                    <input type="password" class="form-control" autocomplete='off' name="renew_password" id="renew_password"
                                           placeholder="再次输入新密码">
                                </div>
                            </div>
                            {:token()}
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="btn btn-danger">保存</button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<script>
    $("#dataForm1").validate({
        rules: {
            nickname: {
                required: true,
                minlength: 2,
                maxlength: 10
            }
        },
        messages: {
            nickname: {
                required: "请输入昵称",
                minlength: "昵称长度不能小于2",
                maxlength: "昵称长度不能大于10"
            }
        }
    });

    $("#dataForm2").validate({
        rules: {
            password: {
                required: true,
                minlength: 6
            },
            new_password: {
                required: true,
                minlength: 6
            },
            renew_password: {
                required: true,
                minlength: 6
            }
        },
        messages: {
            password: {
                required: "请输入当前密码",
                minlength: "当前密码长度不能小于6"
            },
            new_password: {
                required: "请输入新密码",
                minlength: "新密码长度不能小于6"
            },
            renew_password: {
                required: "请输入确认新密码",
                minlength: "确认新密码长度不能小于6"
            }
        }
    });


</script>

{/block}