{include file="public/mall_top" /}
{include file="public/mall_header" /}
<link rel="stylesheet" href="{$Think.config.url_domain_root}static/home/css/member_login.css">
<div class="ds-login-layout">
  <div class="openid"><span class="avatar"><img src="{$sinauser_info.avatar_large}" /></span><span>您使用新浪账号<a href="#register_form">{$sinauser_info.screen_name}</a>注册成功，系统为您随机新建商城用户名<br/>
    及密码，请牢记或自行修改；也可<a href="{:url('index/index')}">跳过该步骤</a>直接登录。</span></div>
  <div class="left-pic"><img src="{:config('url_domain_root')}static/home/images/login_openid.jpg" /> </div>
  <div class="ds-login">
    <div class="arrow"></div>
    <div class="ds-sina-mode">
      <ul class="tabs-nav">
        <li><a href="#register">{:lang('home_sconnect_register_title')}<i></i></a></li>
      </ul>
      <div id="tabs_container" class="tabs-container">
        <div id="register" class="tabs-content">
          <form name="register_form" id="register_form" class="ds-login-form" method="post" action="{:url('Connectsina/register')}">
            <dl>
              <dt>{:lang('login_register_username')}：</dt>
              <dd>
                <input type="text" value="{:session('member_name')}" id="user" name="user" class="text" readOnly/>
              </dd>
            </dl>
            <dl>
              <dt>{:lang('login_register_pwd')}：</dt>
              <dd>
                <input type="text" value="{$user_passwd}" id="password" name="password" class="text" tipMsg="{:lang('login_register_password_to_login')}"/>
              </dd>
            </dl>
            <dl class="mt15">
              <dt>{:lang('login_register_email')}：</dt>
              <dd>
                <input type="text" id="email" name="email" class="text" tipMsg="{:lang('login_register_input_valid_email')}"/>
              </dd>
            </dl>
            <div class="submit-div">
              <input type="submit" name="submit" value="{:lang('login_register_enter_now')}" class="submit"/>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
$(function(){
    //初始化Input的灰色提示信息  
    $('input[tipMsg]').inputTipText();
    //登录方式切换
    $('.ds-sina-mode').tabulous({
        effect: 'flip'//动画反转效果
    });
//注册表单验证
    $('#register_form').validate({
        errorPlacement: function(error, element){
            var error_td = element.parent('dd');
            error_td.append(error);
            element.parents('dl:first').addClass('error');
        },
        success: function(label) {
            label.parents('dl:first').removeClass('error').find('label').remove();
        },
        rules: {
            password: {
                required: true,
                minlength: 6,
                maxlength: 20
            },
            email: {
                required: true,
                email: true,
                remote: {
                    url: "{:url('login/check_email')}",
                    type: 'get',
                    data: {
                        email: function() {
                            return $('#email').val();
                        }
                    }
                }
            }
        },
        messages : {
            password  : {
                required : '<i class="icon-exclamation-sign"></i>{:lang('login_register_input_password')}',
                minlength: '<i class="icon-exclamation-sign"></i>{:lang('login_register_password_range')}',
                maxlength: '<i class="icon-exclamation-sign"></i>{:lang('login_register_password_range')}'
            },
            email : {
                required : '<i class="icon-exclamation-sign"></i>{:lang('login_register_input_email')}',
                email    : '<i class="icon-exclamation-sign"></i>{:lang('login_register_invalid_email')}',
                remote	 : '<i class="icon-exclamation-sign"></i>{:lang('login_register_email_exists')}'
            }
        }
    });
});
</script>