{extend name="public/base" /}
{block name="header"}
<header class="ce-header ce-text-c header">
    <span class="header-btn header-left">
        <a href="{:url('setting/index')}" class="header-return-btn"><i class="fa fa-angle-left"></i>&nbsp;返回</a>
    </span>
    <span class="header-btn header-right">
        <!-- <a href="#" class="header-experience-share ajax-post">保存</a> -->
    </span>
    绑定微信
</header>
{/block}
{block name="body"}
<form class="ce-margin-t-sm" action="{:url('setting/bindWechat')}">
    <input type="hidden" name="openid" value="{$wechat.openid}">
    <div class="bindwechat ce-padding-sm">
        <div class="ce-padding-sm bindwechat-data bind-user-data">
            <p class="ce-padding-b-sm ce-margin-b-sm bindwechat-data-title">当前资料</p>
            <div class="qrcode-user-portrait ce-user-portrait ce-radius">
                <span class="ce-radius" style="background-image:url({$user.info.avatar})"></span>
            </div>
            <p class="ce-nowrap ce-margin-t-sm">{$user.info.nickname}</p>
            <!-- <p class="text-gray ce-nowrap">黑龙江&nbsp;哈尔滨</p> -->
        </div>
        <p class="ce-text-c bindwechat-icon">
            <i class="fa fa-exchange"></i>
        </p>
        <div class="ce-padding-sm bindwechat-data bind-wechat-data">
            <p class="ce-padding-b-sm ce-margin-b-sm bindwechat-data-title">微信资料</p>
            <div class="qrcode-user-portrait ce-user-portrait ce-radius">
                <span class="ce-radius" style="background-image:url({$wechat.headimgurl})"></span>
            </div>
            <p class="ce-nowrap ce-margin-t-sm">{$wechat.nickname}</p>
            <!-- <p class="text-gray ce-nowrap">黑龙江&nbsp;绥化</p> -->
        </div>
    </div>

    {notempty name="userInfo"}
    {neq name=":UID" value="$userInfo.id"}
    <div class="bindwechat-btn ce-padding-sm">
        <input type="hidden" name="unbind" value="1">
        <p class="ce-padding-b-sm text-gray ce-text-c">您已绑定其他账户,如需重新绑定请先解除绑定</p>
        <button type="button" class="ajax-post" >解除绑定</button>
    </div>
    {else/}
    <div class="bindwechat-btn ce-padding-sm">
        <input type="hidden" name="unbind" value="1">
        <p class="ce-padding-b-sm text-gray ce-text-c">您已经绑定过当前帐号</p>
    </div>
    {/neq}
    {else/ }
    <div class="bindwechat-btn ce-padding-sm">
        <button type="button" class="ajax-post">绑定</button>
    </div>
    {/notempty}
</form>

{/block}