{extend name="$base" /}
{block name="resources"}
<link rel="stylesheet" href="WAP_CSS/login.css">
{/block}
{block name="head"}{/block}
{block name="main"}
{php}
	$is_weixin = api("System.Config.isWeixin");
	$is_weixin = $is_weixin['data'];
	// 登录配置
	$wap_login_info = api("System.Login.loginConfig");
	$wap_login_info = $wap_login_info['data'];
	// 微信配置
	$wchat_config = api("System.Config.wchatConfig");
	$wchat_config = $wchat_config['data'];
	// QQ登录
	$qq_login = $wap_login_info['login_config']['qq_login_config']['is_use'];
	// 微信公众号登录
	$wchat_login = 0;
	if($is_weixin && !empty($wchat_config['value']['appid']) && !empty($wchat_config['value']['appsecret'])){
		$wchat_login = 1; 
	}
	// 验证码
	$code_config = $wap_login_info['code_config']['value'];
{/php}
<div class="content">
	<div class="log-wp">
	<div class="title ns-text-color-black js-login-type">{if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}{:lang('mobile_quick_login')}{else/}{:lang('account_login')}{/if}</div>
		<div class="log-box">
			<div id="nk_text1" {if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}style="display:none;"{/if}>
				<div class="log-cont">
					<label class="log-txt" for="username">
						<span class="username">{:lang("account_number")}</span>
						<input type="text" name="username" id="username" placeholder="{:lang("enter_your_account_number")}">
					</label>
				</div>
				<div class="log-cont">
					<label for="password"><span class="password">{:lang("password")}</span>
					<input type="password" name="password" id="password" placeholder="{:lang("please_input_password")}">
					</label>
				</div>
				{if condition="$code_config['pc'] eq 1"}
				<div class="log-cont {if $code_config['error_num'] > 0 && $code_config['error_num'] > $code_config['curr_err_num']}hide{/if}">
					<label class="login-captcha">
						<span class="captcha-code">验证码</span>
						<input type="text" id="login_captcha" name="captcha" placeholder="请输入验证码" maxlength="4">
						<div class="verify">
							<img class="verifyimg" src="{:__URL('SHOP_MAIN/captcha')}" onclick="this.src='{:__URL('SHOP_MAIN/captcha')}'" alt="captcha">
						</div>
					</label>
				</div>
				{/if}
				<button type="button" class="lang-btn primary" onclick="check()">{:lang("login")}</button>
				<a href="{:__URL('APP_MAIN/login/register')}">
					<button class="lang-btn ns-border-color ns-text-color register-immediately">{:lang("register_immediately")}</button>
				</a>
			</div>
			<div id="nk_text2" {if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}style="display:block;"{/if}>
				<div class="nk-cont">
					<label> {:lang("cell_phone_number")}&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="mobile" name="mobile" placeholder="{:lang("please_enter_your_cell_phone_number")}"></label>
				</div>
				{if condition="$code_config['pc'] eq 1"}
				<div class="nk-cont">
					<label> {:lang("member_verification_code")}&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="captcha" name="captcha" placeholder="{:lang("please_enter_verification_code")}">
					    <div class="verify"><img class="verifyimg" src=" {:__URL('SHOP_MAIN/captcha')}" onclick="this.src='{:__URL('SHOP_MAIN/captcha')}'"  alt="captcha" /></div>
					</label>
				</div>
				{/if}
				<div class="nk-cont">
					<label>{:lang("dynamic_code")}&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="sms_captcha" name="sms_captcha" placeholder="{:lang("please_enter_the_dynamic_code")}">
						<input type="button" id="sendOutCode" class="ns-text-color ns-border-color" onclick="sendOutCode()" value="{:lang("get_dynamic_code")}">
					</label>
				</div>
				<input type="hidden" id="mobile_is_has" value="1">
				<button class="lang-btn primary" onclick="check_mobile()">{:lang("login")}</button>
				<a class="lang-btn register-immediately ns-border-color ns-text-color " class="lang-btn"  href="{:__URL('APP_MAIN/login/register')}">{:lang("register_immediately")}</a>
			</div>
			<div class="msg cl">
			    <a href="javascript:;" class="ns-text-color-gray" id="msgback" 
			    {if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}style="display:none;"{/if}>
					忘记密码？
				</a>
			    <a href="javascript:;" class="ns-text-color-gray" onclick="loginType(this, 1)" id="account_login" 
			    	{if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}style="display:block;"{/if}>账号登录</a>
			    {if condition="$wap_login_info['login_config']['mobile_config']['is_use'] eq 1"}
			    <a href="javascript:;" class="ns-text-color-gray" onclick="loginType(this, 2)" id="mobile_login" style="display: none;">手机快捷登录</a>
			    {/if}
			    <div class="clear"></div>
			</div>
			
			{if $qq_login || $wchat_login}
				<img src="WAP_IMG/login/assistant_member.png" class="assistant-member"/>
				<div class="oauth-login-wrap">
					{if $qq_login}
						<div class="login-wei">
							<a href="{:__URL('APP_MAIN/login/oauthlogin?type=QQLOGIN')}">
								<img src="WAP_IMG/login/qq.png"/>
							</a>
						</div>
					{/if}
					{if $wchat_login}
						<div class="login-wei">
							<a href="{:__URL('APP_MAIN/login/oauthlogin?type=WCHAT')}">
								<img src="WAP_IMG/login/weixin.png"/>
							</a>
						</div>
					{/if}
				</div>
			{/if}
		</div>
	</div>
	
	<div class="ns-copyright">
	    {php}
	        $copyright = api('System.Config.copyRight');
	        $copyright = $copyright['data'];
	    {/php}
	    {if $copyright['is_load'] > 0}
	        {notempty name="$copyright['bottom_info']['copyright_logo']"}
	            <img src="{:__IMG($copyright['bottom_info']['copyright_logo'])}">
	        {else/}
	            <img src="WAP_IMG/logo_copy.png">
	        {/notempty}
	        {notempty name="$copyright['bottom_info']['copyright_companyname']"}
	            <a href="{$copyright['bottom_info']['copyright_link']}" target="_blank" class="ns-text-color-gray">{$copyright['bottom_info']['copyright_companyname']}</a>
	        {else/}
	            <a href="http://www.niushop.com.cn" target="_blank" class="ns-text-color-gray">山西牛酷信息科技有限公司&nbsp;提供技术支持</a>
	        {/notempty}
	    {else/}
	        <img src="WAP_IMG/logo_copy.png">
	        <a href="http://www.niushop.com.cn" target="_blank" class="ns-text-color-gray">山西牛酷信息科技有限公司&nbsp;提供技术支持</a>
	    {/if}
	</div>
	
	<!-- 找回密码弹窗 -->
	<div id="mask-layer-login" class="forget-password"></div>
	<div class="findback" id="layui-layer" type="page" times="100002" contype="string">
		<a href="{:__URL('APP_MAIN/Login/find','type=1')}"><img src="WAP_IMG/login/phone.png"/><p>手机找回</p></a>
		<a href="{:__URL('APP_MAIN/Login/find','type=2')}"><img src="WAP_IMG/login/email.png"/><p>邮箱找回</p></a>
	</div>
</div>
<input type="hidden" value="{$code_config.error_num}" id="hide_error_num">
{/block}
{block name="footer"}{/block}
{block name="script"}
<script>
var login_pre_url = "{$login_pre_url}";
var lang_login = {
	account_cannot_be_empty : "{:lang('account_cannot_be_empty')}",
	password_cannot_empty : "{:lang('password_cannot_empty')}",
	verification_code_cannot_be_null : "{:lang('verification_code_cannot_be_null')}",
	member_enter_correct_phone_format : "{:lang('member_enter_correct_phone_format')}",
	please_enter_verification_code : "{:lang('please_enter_verification_code')}",
	current_phone_number_not_registered_yet : "{:lang('current_phone_number_not_registered_yet')}",
	send_successfully : "{:lang('send_successfully')}",
	dynamic_error_code : "{:lang('dynamic_error_code')}",
	get_dynamic_code : "{:lang('get_dynamic_code')}",
	post_resend : "{:lang('post_resend')}",
	phone_number_cannot_empty : "{:lang('phone_number_cannot_empty')}",
	dynamic_code_cannot_be_empty : "{:lang('dynamic_code_cannot_be_empty')}"
};
</script>
<script src="WAP_JS/login.js"></script>
{/block}