<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase.php');?>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title"><?php echo $title;?></h1>
</header>
<div class="mui-content mui-scroll-wrapper" id="index-apply">
	<div class="mui-scroll">
		<form class="mui-input-group">
			<input type="hidden" name="token" value="<?php echo $_SESSION['formToken'];?>">
			<input type="hidden" name="repeat" value="0">
		    <div class="mui-input-row">
		        <label>公司名称<span class="red">*</span></label>
		        <input type="text" name="company" class="mui-input-clear" placeholder="请输入公司名称">
		    </div>
		    <div class="mui-input-row">
		        <label>省<span class="red">*</span></label>
		        <input type="text" name="province" class="mui-input-clear" placeholder="请输入省">
		    </div>
		    <div class="mui-input-row">
		        <label>市<span class="red">*</span></label>
		        <input type="text" name="city" class="mui-input-clear" placeholder="请输入市">
		    </div>
		    <div class="mui-input-row">
		        <label>区<span class="red">*</span></label>
		        <input type="text" name="area" class="mui-input-clear" placeholder="请输入区">
		    </div>
		    <div class="mui-input-row">
		        <label>详细地址<span class="red">*</span></label>
		        <input type="text" name="address" class="mui-input-clear" placeholder="请输入详细地址">
		    </div>
		    <div class="mui-input-row">
		        <label>联系人<span class="red">*</span></label>
		        <input type="text" name="user" class="mui-input-clear" placeholder="请输入联系人">
		    </div>
		    <div class="mui-input-row extra_border">
		        <label>联系方式<span class="red">*</span></label>
		        <input type="text" name="mobile" class="mui-input-clear" placeholder="请输入联系方式">
		    </div>
		    <div class="tips">
		    	如  133xxxxxxxx  或  020-123456
		    </div>
		    <div class="mui-input-row">
		        <label>QQ或微信号</label>
		        <input type="text" name="wetchat" class="mui-input-clear" placeholder="请输入QQ或微信号">
		    </div>
		    <div class="mui-input-row extra_border">
		        <label>经营范围<span class="red">*</span></label>
		        <input type="text" name="range" class="mui-input-clear" placeholder="请输入经营范围">
		    </div>
		    <div class="tips">
		    	如减震器、球头、摆臂、刹车片等
		    </div>
		    <div class="mui-input-row extra_border">
		        <label>品牌名称<span class="red">*</span></label>
		        <input type="text" name="brand" class="mui-input-clear" placeholder="请输入品牌名称">
		    </div>
		    <div class="tips">
		    	主要经营品牌，至少填写一个，如：博世
		    </div>
		    <div class="mui-input-row imgcode_box">
				<label>验证码<span class="red">*</span></label>
				<input name="checkcode" type="text" class="mui-input-clear mui-input checkcode-txt" placeholder="图片验证码" autocomplete="off" maxlength="5">
				<img class="checkcode-img" src="<?php echo mvc::$cfg['SELF_URI'];?>index/imgcode?type=login&t=<?php echo microtime(true);?>" id="login_imgcode" onclick="IMGCODE.change('login_imgcode', 'login')">
			</div>
		</form>
		<div id="sub_box">
			<button id="sub_btn" type="button" class="mui-btn mui-btn-danger mui-btn-outlined">提交</button>
		</div>
	</div>
</div>
<script type="text/javascript">
	function checkCode(){
		$.ajaxSettings.async = false; 
		var tag=false;
		var val=$('.checkcode-txt').val();
		if(val!=''){
			$.post(SELF_URI+'index/checkImgcode?isAjax=1',{"val":val},function(res){
				if(res['status']){
					tag=true;
				}else{
					mui.toast(res['data']);
					tag=false;
				}
			},'json');
		}
		return tag;
	}
	(function(){
		$('#sub_btn').on('tap',function(){
			var form=$('#index-apply form');
			var repeat=form.find('input[name="repeat"]').val();
			if(repeat>0){
				mui.toast('你的申请已提交过了，请勿多次提交');
				return false;
			}
			var checkArr=['company','province','city','area','address','user','mobile','range','brand','checkcode'];
			for(var i in checkArr){
				var item=form.find('input[name="'+checkArr[i]+'"]');
				var val=$.trim(item.val());
				var notice=item.attr('placeholder');
				switch (checkArr[i]) {
					case 'checkcode':
						if(!checkCode()){
							mui.toast('图片验证码不正确');
							return false;
						}
						break;
					case 'mobile':
						if(!VERIFICATION.mobile(val)&&!VERIFICATION.tel(val)){
							mui.toast(notice);
							return false;
						}
						break;
					default:
						if(val==''){
							mui.toast(notice);
							return false;
						}
						break;
				}
			}
			var data=form.serialize();
			$.post(SELF_URI+'index/sendEmail?isAjax=1',data,function(res){
				if(res['status']){
					form.find('input[name="repeat"]').val(1);
					mui.toast('提交成功');
				}else{
					mui.toast(res['data']);
				}
			},'json');
		});
	})()
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>