{include(header)}
<style>
.metable{float:left;width:100%}
.metable td{}
.mebox2{float:left;width:100%;background:#fff;margin:0px 0px 10px 0px;padding:0px 0px 20px 0px}
.mebox2 .xtitle{float:left;width:100%;border-bottom:1px #ccc dotted;font-size:18px;font-weight:bold;padding:5px 0px 5px 0px}
.mebox2 .xcont{float:left;width:100%;line-height:22px;margin:10px 0px 10px 0px;font-size:14px;color:#333}
.mebox2 td{padding:5px;}
</style>
<div class="mebox2">
	<div class="xtitle">欢迎您加盟我们一起发展</div>
	<div class="xcont" id="id_xcont">
	<form name="frm_main" action="{cfg:(dirpath,base)}/{cfg:(basename,base)}?app=ajax&app_act=shop.reg" method="post">
		<input type="hidden" name="jump_fromurl" value="{$jump_fromurl}" id="id_jump_fromurl">
		<input type="hidden" name="verifycode" value="">
				<table>
				<tr>
				<td>
				<input name="uname" type="text" class="pTxt1 pTxtL200" placeholder="{if(cls_config::get('rule_uname','user')=='email')}邮箱{else if(cls_config::get('rule_uname','user')=='mobile')}手机{else}用户名{/if}" ruletips='{if(cls_config::get('rule_uname','user')=='email')}邮箱{else if(cls_config::get('rule_uname','user')=='mobile')}手机：{else}用户名{/if}不能为空' required/><font class="txt_red">*</font></td></tr>
				<tr><td><input type="password" name="pwd1" class="pTxt1 pTxtL200" ruletips="密码不能为空" required placeholder="密码"/><font class="txt_red">*</font></td></tr>
				<tr><td><input type="password" name="pwd2" class="pTxt1 pTxtL200" ruletips="确认密码不能为空" required placeholder="确认密码"/><font class="txt_red">*</font></td></tr>
				{if(cls_config::get('rule_uname','user')!='email' && cls_config::get('rule_uname','user')!='mobile')}
				<tr><td><input type="text" name="email" class="pTxt1 pTxtL200" placeholder="邮箱"/><font class="txt_red">*</font></td></tr>
				{/if}
				{if($reg_switch==2)}
				<tr><td><input type="text" name="invite_code" class="pTxt1 pTxtL100" ruletips="邀请码不能为空" required placeholder="邀请码"/> <font class="txt_red">*</font> <font class="txt_gary">{$reg_switch_info}</font></td></tr>
				{/if}
				<tr><td><input type="text" name="shop_name" class="pTxt1 pTxtL200" ruletips="店名不能为空" required placeholder="店名"/><font class="txt_red">*</font></td></tr>
				<tr><td><input type="text" name="shop_linkname" class="pTxt1 pTxtL200" ruletips="联系人不能为空" required placeholder="联系人"/><font class="txt_red">*</font></td></tr>
				<tr><td><input type="text" name="shop_linktel" class="pTxt1 pTxtL200" tuletype='tel' ruletips="联系电话不能为空或格式不正确" required placeholder="联系电话"/><font class="txt_red">*</font></td></tr>
				<tr><td>
						<input type="hidden" name="shop_area_id" id="id_shop_area_id" value="">
						<input type="hidden" name="shop_area_allid" id="id_shop_area_allid" value="">
						<input type="hidden" name="shop_area" id="id_shop_area" value="">
						<select name="area_id[]" onchange="thisjs.changearea(this.value,0);" id="id_area_0">
							<option value=""></option>
						{foreach($arr_area["default"] as $item)}
							<option value="{$item['area_id']}">{$item['area_name']}</option>
						{/foreach}
						</select>
						{for($i=1;$i<$arr_area["depth"];$i++)}
							<select name="area_id[]" onchange="thisjs.changearea(this.value,{$i});" id="id_area_{$i}">
							</select>
						{/foreach}
				</td></tr>
				<tr><td><input name="shop_address" type="text" class="pTxt1 pTxtL200" maxlength="20" ruletips="店铺地址不能为空" required placeholder="店铺地址"/> <font class="txt_red">*</font></td></tr>
				<tr><td><input type="button" name="btn1" value="提 交" class="button4" onclick="thisjs.on_reg();"></td></tr>
				</table>
		</form>
	</div>
</div>
<div id="id_verify_box" style="display:none">
	<div class="me_box1" style="float:left;padding:10px;line-height:40px">
	<li style="float:left;width:90%"><img src="" id="id_reg_verify_pic"  onclick="thisjs.verify_refresh();"></li>
	<li style="float:left;width:90%"><input name="verifycode" type="text" class="pTxt1 pTxtL100" id="id_verifycode"/></li>
	<li style="float:left;width:90%"><input type="submit" name="btn_verify" value="确 定" class="button5" id="id_btn_verify" onclick="thisjs.verify_ok();"></li>
	</div>
</div>
{if(cls_config::get('rule_uname','user')=='email')}
<div id="id_verify_email_box" style="display:none">
	<div class="me_box1" style="float:left;padding:10px;line-height:40px">
	<li style="float:left;width:90%">验证码已发送到您的邮箱，请登录邮箱获取</li>
	<li style="float:left;width:90%"><input name="emailcode" type="text" class="pTxt1 pTxtL100" id="id_emailcode"/></li>
	<li style="float:left;width:90%"><span style="float:left"><input type="submit" name="btn_verify_email" value="确 定" class="btn1" id="id_btn_verify_email" onclick="thisjs.verify_email_ok();"></span><span style="float:left;padding:5px 0px 0px 10px"><a href="javascript:kj.dialog.close('#winemailcode');thisjs.on_reg()" style="color:#888888;">重新发送</a></span></li>
	</div>
</div>
{else if(cls_config::get('rule_uname','user')=='mobile')}
<div id="id_verify_email_box" style="display:none">
	<div class="me_box1" style="float:left;padding:10px;line-height:40px">
	<li style="float:left;width:90%">请输入您手机收到的验证码&nbsp;(<span id="id_email_timer_box" style="color:#ff0000">剩余：<font id="id_email_timer"></font>秒</span>)</li>
	<li style="float:left;width:90%"><input name="emailcode" type="text" class="pTxt1 pTxtL100" id="id_emailcode"/></li>
	<li style="float:left;width:90%"><span style="float:left"><input type="submit" name="btn_verify_email" value="确 定" class="btn1" id="id_btn_verify_email" onclick="thisjs.verify_email_ok();"></span><span style="float:left;padding:5px 0px 0px 10px"><a href="javascript:kj.dialog.close('#winemailcode');thisjs.on_reg()" style="color:#888888;">重新发送</a></span></li>
	</div>
</div>
{/if}
<script src="/common/js/kj.dialog.js"></script>
<script>
var thisjs = new function() {
	this.timer = 90;
	this.verifycode_html = '';
	this.arealist = {$arr_area["list"]};//json格式，指定id包函的子地区
	this.areainfo = {$arr_area["area"]};//对应id地区详细信息
	this.depth = {$arr_area["depth"]};//当前地区深度
	this.defaultval = ""//当前选择值
	this.defaultval = this.defaultval.split(",");//格式化成数组
	//地区下拉发生改变时触发
	this.changearea = function(val , index) {
		var obj,i,ii;
		index++;
		//当index大于深度时跳出
		if(index>this.depth) return;
		//发生改变后，重置之后的地区下拉
		for(i = index ; i < this.depth; i++) {
			obj = kj.obj("#id_area_" + i);
			if(!obj) break;
			obj.options.length = 0;
			if(i>index) kj.hide(obj);
		}
		var key = "id_" + val;
		if(!(key in this.arealist) || !("length" in this.arealist[key])) {
			kj.hide("#id_area_" + index);
			//跳出则刷新当前地区值
			this.refresh_area_val();
			return;
		}
		kj.show("#id_area_" + index);
		kj.add_option("#id_area_" + index , '' , '');
		for(i = 0 ; i < this.arealist["id_"+val].length ; i++ ) {
			obj = kj.obj("#id_area_" + index);
			ii = this.arealist["id_"+val][i];
			if( !("id_" + ii in this.areainfo ) ) continue;
			kj.add_option(obj , this.areainfo["id_" + ii]["area_name"] , ii);
			//选中默认值
			if(this.defaultval.length>index && obj.options[i+1].value == this.defaultval[index]) {
				obj.options[i+1].selected=true;
			}
		}
		this.changearea(obj.value , index);
		this.refresh_area_val();
	}
	this.refresh_area_val = function() {
		var obj = kj.obj(":area_id[]");
		var arr_id = [];
		var arr_val = [];
		var id = 0;
		for(var i = 0 ; i < obj.length ; i++) {
			if(obj[i].value != '') {
				if( !("id_" + obj[i].value in this.areainfo ) ) continue;
				arr_id[arr_id.length] = obj[i].value;
				arr_val[arr_val.length] = this.areainfo["id_" + obj[i].value]["area_val"];
			} else {
				break;
			}
		}
		if(arr_id.length>0) {
			kj.obj("#id_shop_area_id").value = arr_id[arr_id.length-1];
		} else {
			kj.obj("#id_shop_area_id").value = '';
		}
		kj.obj("#id_shop_area_allid").value = arr_id.join(",");
		kj.obj("#id_shop_area").value = arr_val.join(" ");
	}
	this.on_reg = function(is_re) {
		if(kj.rule.form(document.frm_main) == false) {
			return false;
		}
		//是否需要验证码
		{if(cls_config::get('reg_verify' , 'user'))}
			this.show_verify();
		{else}
			this.on_is_verify();
		{/if}
		if(is_re) return false;
	}
	this.on_is_verify = function() {
	  {if(cls_config::get('rule_uname','user')=='email' || cls_config::get('rule_uname','user')=='mobile')}
		this.reg_email();
	  {else}
		this.reg();
	  {/if}
	}
	//邮箱验证
	this.reg_email = function() {
		var key = document.frm_main.uname.value;
		var verifycode = document.frm_main.verifycode.value;
		var type = '';
		{if(cls_config::get('rule_uname','user')=='email')}
			type = 'email';
		{else if(cls_config::get('rule_uname','user')=='mobile')}
			type = 'mobile';
		{/if}

		kj.ajax.get('{cfg:(dirpath,base)}/common.php?app=sys&app_act=verify_reg&type=' + type + '&key=' + key + '&verifycode=' + verifycode, function(data) {
			var obj_data=kj.json(data);
			if(obj_data.isnull) {
				alert("系统繁忙，请稍后再来试试");
			} else {
				{if(cls_config::get('reg_verify' , 'user'))}
					kj.dialog.close("#winverifycode");
				{/if}
				if(obj_data.code == 0) {
					thisjs.show_verify_email();
					thisjs.start_time(1);
				} else {
					if('msg' in obj_data && obj_data.msg!='') {
						alert(obj_data.msg);
					} else {
						alert("系统繁忙，请稍后再来试试");
					}
					if(obj_data.code == '11') thisjs.show_verify();
				}
			}
		});
	}
	//显示验证码
	this.show_verify = function() {
		var obj = kj.obj('#id_verify_box');
		if(obj) {
			this.verifycode_html = obj.innerHTML;
			kj.remove(obj);
		}
		kj.dialog({'html':this.verifycode_html,'id':'verifycode','type':'html','title':'请输入验证码','w':300,'showbtnmax':false,'showbtnhide':false});
		this.verify_refresh();
	}
	//显示邮箱验证框
	this.show_verify_email = function() {
		var obj = kj.obj('#id_verify_email_box');
		if(obj) {
			this.emailcode_html = obj.innerHTML;
			kj.remove(obj);
		}
		kj.dialog({'html':this.emailcode_html,'id':'emailcode','type':'html','title':'注册验证','w':330,'showbtnmax':false,'showbtnhide':false});
	}
	this.verify_email_ok = function() {
		var val = kj.obj("#id_emailcode").value;
		if(val == '') {
			alert("请输入验证码");
			kj.obj("#id_emailcode").focus();
			return;
		}
		document.frm_main.verifycode.value = val;
		kj.obj("#id_btn_verify_email").className = '';
		kj.obj("#id_btn_verify_email").disabled = true;
		kj.obj("#id_btn_verify_email").value="正在提交，请不要关闭..";
		this.reg();
	}
	this.verify_refresh = function() {
		kj.obj("#id_reg_verify_pic").src='{cfg:(dirpath,base)}/common.php?app=sys&app_act=verifycode&app_contenttype=img&app_rnd='+Math.random();
	}
	this.verify_ok = function() {
		var val = kj.obj("#id_verifycode").value;
		if(val == '') {
			alert("请输入验证码");
			kj.obj("#id_verifycode").focus();
			return;
		}
		document.frm_main.verifycode.value = val;
		kj.obj("#id_btn_verify").className = '';
		kj.obj("#id_btn_verify").disabled = true;
		kj.obj("#id_btn_verify").value="正在提交，请不要关闭..";
		this.on_is_verify();
	}
	this.reg = function() {
		kj.ajax.post(document.frm_main , function(data) {
			var obj_data=kj.json(data);
			if(obj_data.isnull) {
				alert("系统繁忙，请稍后再来试试");
			} else {
				if(obj_data.code == 0) {
					var url = kj.obj("#id_jump_fromurl").value;
					if('msg' in obj_data && obj_data.msg!='') {
						alert(obj_data.msg);
					}
					if(url) {
						window.open(url , "_self");
					} else {
						window.open("{cfg:(dirpath,base)}/{cfg:(basename,base)}?app=member" , "_self");
					}
				} else {
					if('msg' in obj_data && obj_data.msg!='') {
						alert(obj_data.msg);
					} else {
						alert("系统繁忙，请稍后再来试试");
					}
					{if(cls_config::get('rule_uname','user')=='email')}
						kj.obj("#id_btn_verify_email").className = 'btn1';
						kj.obj("#id_btn_verify_email").disabled = false;
						kj.obj("#id_btn_verify_email").value="确 定";
					{/if}
					{if(cls_config::get('reg_verify' , 'user'))}
						if(kj.obj("#id_btn_verify")) {
							kj.obj("#id_btn_verify").className = 'btn1';
							kj.obj("#id_btn_verify").disabled = false;
							kj.obj("#id_btn_verify").value="确 定";
						}
					{/if}
					if(obj_data.code == '11') thisjs.show_verify();
				}
			}
		});
	}
	this.start_time = function(isstart) {
		var obj = kj.obj("#id_email_timer");
		if(!obj) return;
		var timer = kj.toint(obj.innerHTML);
		//if(timer <= 0) timer = this.timer;
		timer--;
		if(isstart) timer = this.timer;
		if(timer<0) {
			kj.obj("#id_email_timer_box").innerHTML = '已过期';
			kj.obj("#id_btn_verify_email").className = '';
			kj.obj("#id_btn_verify_email").disabled = true;
			kj.obj("#id_btn_verify_email").value="已过期..";

		} else {
			obj.innerHTML = timer;
			setTimeout('thisjs.start_time()' , 1000);
		}
	}

}
kj.onload(function() {
	//加载默认值选中
	thisjs.changearea(kj.obj("#id_area_0").value,0);
	{for($i=1;$i<$arr_area["depth"];$i++)}
		thisjs.changearea(kj.obj("#id_area_{$i}").value,{$i});
	{/for}
	kj.handler(".pTxt1","focus",function(){
		kj.delClassName(this , "pTxt1");
		kj.addClassName(this , "pTxt2");
	});
	kj.handler(".pTxt1","blur",function(){
		kj.delClassName(this , "pTxt2");
		kj.addClassName(this , "pTxt1");
	});
});
</script>
{include(footer)}