<div class="register-page">
    <ul>
        <li class="clearfix">
            <select id="region" class="region" name="region">
                {{#each region}}
                    <option {{#if selected}}selected="selected"{{/if}} value="{{areaCode}}">{{name}}</option>
                {{/each}}
            </select>
        </li>
        <li class="clearfix" data-index="0">
            <span id="country-code" class="country-code">{{location}}</span>
            <input value="{{#if defaultMobile}}{{defaultMobile}}{{/if}}" id="phone-num" class="input va phone-num"
                   type="text" name="phoneNum" placeholder="请输入手机号码" autocomplete="off">
        </li>

        <li id="captcha-img" class="w330 clearfix {{#unless @root.captcha.value}}hide{{/unless}}" data-index="1">
        </li>
        <li class="clearfix" data-index="2">
            <input id="msg-captcha" class="input va msg-captcha" type="text" name="msgCaptcha" placeholder="短信验证码"
                   autocomplete="off" maxlength="4">
            <input id="send-captcha" class="btn send-captcha" type="button" value="获取短信验证码">
            <span id="msg-tip" class="hide msg-tip">短信验证码已发送至您的手机，请查收</span>
        </li>

        <input type="text" name="name" style="position: fixed;visibility:hidden;">

        <li class="clearfix" data-index="3">
            <input id="pwd" class="input va pwd" name="pwd" placeholder="设置密码" autocomplete="off" maxlength="20"
                   type="password">
            <div class="pwd-intensity-container">
                <span class="pwd-intensity low">低</span>
                <span class="pwd-intensity mid">中</span>
                <span class="pwd-intensity high">高</span>
            </div>
            <div id="pwd-tips" class="hide pwd-tips">
                <div class="default" id="pwd-tip1"><i></i>密码只支持6-20位字符</div>
                <div class="default" id="pwd-tip2"><i></i>由字母、 数字组合，不能包含特殊符号</div>
            </div>
        </li>

        <li class="clearfix" data-index="3">
            <input id="invite-code" class="input invite-code" name="inviteCode" placeholder="潮流口令(非必填)" autocomplete="off" maxlength="20" type="text">
        </li>

        <li class="items-container clearfix">
            <span>
                注册即表示您已阅读并同意<br>
                <a class="link go-yoho-items" href="{{itemUrl}}" target="_blank">有货用户服务协议</a>
                <a class="link go-yoho-items" href="{{privacyUrl}}" target="_blank">有货隐私条款</a>
            </span>
        </li>
        <li class="clearfix reg-btn-area">
            <input name="refer" id="refer" type="hidden" value="{{referUrl}}">
            <input id="register-btn" class="btn register-btn disable" type="submit" value="{{regBtnText}}" disabled="">
            <div class="qrcode-hover-reg">
                <a class="qrcode-reg" href="//www.yohobuy.com/download/app" target="_blank">
                    <i class="qrcode-icon"></i>
                </a>
                <div class="download-app-box">
                    <div class="qr-img"></div>
                    <h3 class="qr-words">扫描二维码</h3>
                    <h3 class="qr-words">下载YohoBuy手机端</h3>
                    <h3 class="qr-more">
                        <a href="javascript:void(0);" target="_blank">更多客户端下载</a>
                    </h3>
                </div>
            </div>
        </li>
        {{# loginUrl}}
            <li class="quick-login-container">
                我已注册YOHO!BUY 有货账号
                <a class="link go-login" href="{{.}}">快速登录</a>
            </li>
        {{/loginUrl}}

        {{# skipUrl}}
            <li class="skip-user-info">
                <a href="{{.}}">跳过此步</a>
            </li>
        {{/skipUrl}}

    </ul>
    <div id="err-tip" class="err-tip hide">
        <span></span>
        <b></b>
    </div>
    <input name="" type="hidden" id="open-id" value="{{openId}}"/>
    <input name="" type="hidden" id="source-type" value="{{sourceType}}"/>
</div>

{{> gee-captcha}}