{{> layout/header}}
<div class="bindwrapper">
    <h3 class="welcomeword">
        欢迎加入
        <span class="yoho">YOHO!FAMILY</span>
    </h3>

    <p class="safeword">为了您的账户安全，请您完善账户信息，以便为您提供更优质的服务</p>
    <form action="" id="bindmobileform" method="post">
        <input type="hidden" value="{{openId}}" id="openId" name="openId"/>
        <input type="hidden" value="{{sourceType}}" id="sourceType" name="sourceType"/>
        <input type="hidden" value="86" id="areacode" name="area"/>
        <div class="yohobindrow">
            <div class="name areatag">地区</div>
            <div class="content">
                <div class="yohoselectarea">
                    <div class="optionshow">
                        <span class="areaname" id="areaname">中国</span>
                        <span class="righttag"></span>
                    </div>
                    <div class="optionslist hide">
                        {{#each region}}
                        <div class="optionitem" areanum="{{areaCode}}">{{name}}</div>
                        {{/each}}
                    </div>
                </div>
            </div>
        </div>
        <div class="yohobindrow">
            <div class="name phonetag">手机号码</div>
            <div class="content">
                <div class="yohophonewrapper">
                    <div class="areanum" >
                        +
                        <span id="areanum">86</span>
                    </div>
                    <input type="text" class="phonenum" name="mobile" id="mobile"/>
                    <span class="err-tip phone-err-tip hide">
                        <i></i>
                        <em></em>
                    </span>
                </div>
            </div>
        </div>
    </form>

    <div class="protoctolwrapper">
        <div class="choosewrapper">
            <input type="checkbox" class="choosetag" checked='checked'></div>
        <span>
            我已阅读并同意遵守
            <a target="_blank" href="{{serviceUrl}}" class="protoctol">YOHO!BUY 有货服务条款</a>
        </span>
    </div>
    <div class="btnwrapper">
        <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a>
    </div>
</div>

<div id="bindconfirm" style="display:none">
    <div class="mask">
        <div class="bindconfrimwrapper">
            <div class="topwrapper">
                <img src="" alt="" class="userphoto" id="userphoto1">
                <span class="username">
                    用户名: <i id="username1"></span>
                </div>
                <h2 class="usertaginfo">
                    手机号
                    <span id="registphonetwo"></span>
                    已经被以上账户注册,请确认是否归您本人所有
                </h2>
                <h1 class="usertagremind">您可以使用该手机号码直接登录或更换一个新的手机号码绑定该账号</h1>
                <a href="javascript:;" class="yohobindbtn otherphone" id="yohobindbtn">绑定其他手机号</a>
                <a href="" class="logindirectly" id="logindirectly">使用手机号直接登录</a>
            </div>
        </div>
    </div>
    <div class="backdrop" style="display:none"></div>
</div>
<div id="alreayregist" style="display:none">
    <div class="mask">
        <div class="bindconfrimwrapper">
            <div class="topwrapper">
                <img src="" alt="" class="userphoto" id="userphoto">
                <span class="username">
                    用户名: <i id="username"></i>
                </span>
            </div>
            <h2 class="usertaginfo">
                手机号
                <span id="registphone"></span>
                已经被以上账户注册,请确认是否归您本人所有
            </h2>
            <h1 class="usertagremind">您可以绑定该手机号码或更换一个新的手机号码绑定该账号，也可以使用该手机号码直接登录</h1>
            <form id="gobindform" action="/passport/autouserinfo/bindMobile" method="post">
                <div class="gobindwrapper">
                    <div class="validaterow">
                        <div class="content">
                            <input type="text" class="validatacode" placeholder="验证码" maxlength="4" id="validatenum"/>
                        </div>
                        <div class="validatewrapper">
                            <a href="javascript:void(0)" class="yohobindbtn" id="sendmessage">免费获取短信验证码</a>
                        </div>
                        <div class="hide" id="nopermissionmessage">
                            <span class="second">60</span>
                            秒后可重新操作
                        </div>
                    </div>
                    <input type="hidden" name="area" value="" id="inarea"/>
                    <input type="hidden" name="mobile" value="" id="inmobile"/>
                    <input type="hidden" name="openId" value="{{openId}}"/>
                    <input type="hidden" name="sourceType" value="{{sourceType}}"/>
                    <a href="javascript:;" class="yohobindbtn myphone" id="gotobindphone">是的我绑定该手机号</a>
                </div>
                <div class="gobindbottomwrapper">
                    <a href="javascript:;" class="logindirectly" id="yohobindbtn2">绑定其他手机号</a>
                    <a href="javascript:;" class="logindirectly" id="logindirectly2">使用手机号直接登录</a>
                </div>
            </form>
        </div>
    </div>
    <div class="backdrop" style="display:none"></div>
</div>
{{> layout/footer}}