{extend name="user:base" /} {block name="title"}修改密码{/block} {block name="panel_body"}
<div id="content" class="pull-right binding">
    <div class="panel p-lg">
        <div class="panel-heading">
            <h4 class="pb-md">帐号绑定</h4>
            <hr>
        </div>
        <div class="panel-body">

            <div class="media p-md">
                <div class="media-left">
                    <i class="fa fa-mobile text-muted {if $user.phone}done{/if}"></i>
                </div>
                <div class="media-body">
                    <div class="pull-left">
                        <h4 class="mb-sm">手机验证</h4>
                        <p class="text-muted overflow">{if $user.phone}您已绑定手机： {$user.show_phone|default=''} 若已丢失或停用，请立即更换，避免账户被盗{else}验证手机号后，安全的保障账户如手机找回密码等以及个人账户财产等{/if}</p>
                    </div>
                    <div class="pull-right mt-sm">
                        {if $user.phone}
                        <a class="text-muted" data-type="unbind" rel="phone" data-toggle="collapse" data-target="#phone"
                            aria-expanded="false" aria-controls="phone">解绑&nbsp;&nbsp;
                            <i class="fa fa-angle-down"></i>
                        </a>{else}
                        <button class="btn btn-danger" data-toggle="collapse" rel="phone" type="button" data-type="bind"
                            data-target="#phone" aria-expanded="false" aria-controls="phone">验证&nbsp;&nbsp;
                            <i class="fa fa-angle-down"></i>
                        </button>{/if}
                    </div>
                </div>
                <div class="form-horizontal warn_form collapse pull-left pt-lg" id="phone" style="width: 600px;">
                    {if $user.phone}
                    <form method="post" action="/user/user/unbind_phone" name="unbind" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
                        <div class="form-group clearfix mb-lg">
                            <div class="col-sm-6">
                                <input type="text" name="phone" class="form-control" placeholder="请输入手机号">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-6">
                                <button class="btn btn-yellow" type="submit">提交</button>
                            </div>
                        </div>
                    </form>
                    {else}
                    <form method="post" action="/user/user/bind_phone" name="bind" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
                        <div class="form-group clearfix mb-lg">
                            <div class="col-sm-6 phonenum">
                                <input type="text" name="phone" placeholder="请输入手机号" class="form-control" id="phone_num">
                            </div>
                            <input type="button" class="btn btn-default" id="get_verify" value="获取验证码">
                        </div>
                        <div class="form-group clearfix">
                            <div class="col-sm-6">
                                <input type="text" name="code" class="form-control verify" placeholder="请输入验证码">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-6">
                                <button class="btn btn-yellow" type="submit">提交</button>
                            </div>
                        </div>
                    </form>
                    {/if}
                </div>
            </div>

            <div class="media p-md">
                <div class="media-left">
                    <i class="fa fa-envelope text-muted {if $user.email}done{/if}"></i>
                </div>
                <div class="media-body">
                    <div class="pull-left">
                        <h4 class="mb-sm">邮箱验证</h4>
                        <p class="text-muted overflow">{if $user.email}您验证的邮箱： {$user.show_email}{else}可用于邮箱直接登录、找回密码等，保障账户更加安全{/if}</p>
                    </div>
                    <div class="pull-right mt-sm">
                        {if $user.email}
                        <a class="text-muted" data-toggle="collapse" data-target="#email" aria-expanded="false"
                            aria-controls="email">解绑&nbsp;&nbsp;
                            <i class="fa fa-angle-down"></i>
                        </a>{else}
                        <button class="btn btn-danger" data-toggle="collapse" data-target="#email" type="button" aria-expanded="false"
                            aria-controls="email">验证&nbsp;&nbsp;
                            <i class="fa fa-angle-down"></i>
                        </button>{/if}
                    </div>
                </div>

                <from class="form-horizontal warn_form collapse pull-left pt-lg" id="email" style="width: 600px;" method="post" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
                    <div class="form-group clearfix mb-lg">
                        <div class="col-sm-6">
                            <input type="text" name="email" placeholder="请输入邮箱地址" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-6">
                            <button class="btn btn-yellow" {if $user.email}data-type="unbind" {/if}name="send_mail">发送验证邮件</button>
                        </div>
                    </div>
                    </form>

            </div>

        </div>
    </div>

</div>

<div class="verifyModel p-md" style="display: none">
    <div class="form-group">
        <input type="text" id="verify" class="form-control pull-left" placeholder="输入图中验证码">
        <img rel="captcha" data-src="{:captcha_src()}" class="pull-right img-captcha" alt="验证码" />
    </div>
</div>
{/block}