{extend name="user@login"}
{block name="title"}会员注册{/block}
{block name="css"}
<link rel="stylesheet" href="__CSS__user.css">
{/block}
{block name="body"}
<div class="wall"></div>
<div class="panel center-block register p-lg">
    <div class="panel-heading">
        <div class="row">
            <div class="col-sm-8">
                <h3>会员注册</h3>
            </div>
            <div class="col-sm-4 text-right"><a href="/">返回首页 <i class="fa fa-reply"></i></a></div>
        </div>
    </div>
    <div class="panel-body">
        <form class="form" method="post" id="register_form">
            <div class="form-group mb-md">
                <input type="text" class="form-control" name="name" placeholder="请输入用户名" autofocus="on">
            </div>
            <div class="form-group mb-md">
                <input type="password" name="pwd" class="form-control" placeholder="请输入密码,6至12个字符(数字，字母和下划线；字母区分大小写)">
            </div>
            <div class="form-group mb-md">
                <input type="password" name="repwd" class="form-control" placeholder="请再次确定密码">
            </div>
            {if !$reg_phone_pc}
            <div class="form-group mb-md">
                <input type="text" class="form-control" name="email" placeholder="请输入邮箱">
            </div>
            {/if}
            {if $reg_phone_pc}
            <div class="form-group mb-md">
                <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入手机号" data-rule="手机号: required;mobile;remote(/user/api/check_phone)"
                    maxlength="11" autofocus="on">
            </div>
            <div class="form-group row mb-md">
                <div class="col-sm-8"><input type="text" id="reg-captcha" class="form-control pull-left" name="verify"
                        placeholder="输入图中验证码" tabindex="7" data-target="#msg_holder"></div>
                <div class="col-sm-offset-1 col-sm-3 pl-0">
                    <img data-src="{:captcha_src()}" class="thumbnail p-0 mb-0" style="height: 36px; width: 90px;" rel="captcha"
                        alt="验证码" id="captcha_img" />
                </div>
            </div>
            <div class="form-group row mb-md">
                <div class="col-sm-8">
                    <input type="text" class="form-control" id="checkcode" name="code" placeholder="请输入四位短信验证码" data-rule="验证码: required"
                        data-target="#msg_holder">
                </div>
                <div class="col-sm-offset-1 col-sm-3 pl-0">
                    <input type="button" id="get_verify" class="btn btn-default" data-phone="{$phone|default=''}" value="获取验证码">
                </div>

            </div>
            {/if}
            {eq name="reg_check" value="1"}
            <div class="form-group mb-md">
                <div class="row">
                    <div class="col-sm-4">
                        <input type="text" id="captcha" class="form-control" name="captcha" placeholder="请输入验证码">
                    </div>
                    <div class="col-sm-offset-4 col-sm-4">
                        <img rel="captcha" data-src="{:captcha_src()}" class="img-captcha pull-right" alt="验证码">
                    </div>
                </div>
            </div>
            {/eq}
            <div class="form-group mb-md">
                <button type="submit" class="btn btn-primary btn-lg btn-block">提交注册</button>
            </div>
        </form>
        <div class="pb-lg">
            <div class="pull-right">
                <a href="{:url('user/index/login')}" class="text-danger">已有帐号，去登录 <i class="fa fa-angle-double-right"></i></a>
            </div>
        </div>        
    </div>

</div>

{/block}