{template '_header'}
<link href="{$_W['siteroot']}app/resource/css/bootstrap.min.css?v=20160906" rel="stylesheet">
<style> 
.row.row-fix .col-xs-4{padding-left: 0px;padding-right: 0px;}
.form-control{padding: 6px 6px;border-radius: 0px;}
.btn{padding: 6px 6px;margin-left: 15px;}
</style>
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header"> 
		<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<h1 class="weui-header-title">活动地点位置</h1>
		<div class="weui-header-right"></div> 
	</div>
	<form id="location" action="" method="post" enctype="multipart/form-data">
	<input type="hidden" name="op" value="location" />
		<div class="weui-cells">
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">活动坐标</label></div>
				<div class="weui-cell__bd "> 
					{php echo tpl_form_field_coordinate('snc', $benefit)}
				</div>
			</div>
		</div>
	</form>
		<div class="weui-btn-area">
			<button type="button" class="weui-btn b-blue" onclick="myLocation();">获取当前坐标</button>
			<button type="button" class="weui-btn {$_W['css']['bg']}" onclick="xdupform('#location');">提 交 设 置</button>
		</div>
</div>
{template '_footer'}
<script>
	function myLocation(){
		wx.getLocation({
		  type: 'gcj02',
		  success: function (res) {
			var mydw = gcj02tobd09(res.longitude,res.latitude);
			$(":input[name='snc[lng]']").val(mydw.lng);
			$(":input[name='snc[lat]']").val(mydw.lat);
			$.alert(' 当前坐标获取成功，请点<选择坐标>核实后再提交！', "操作成功");
		  }
		});
	}
	function gcj02tobd09(lng,lat) {
		var x_PI = 3.14159265358979324 * 3000.0 / 180.0;
		var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
		var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
		var bd_lng = z * Math.cos(theta) + 0.0065;
		var bd_lat = z * Math.sin(theta) + 0.006;
		return {'lng':bd_lng,'lat':bd_lat};
	}
    function xdupform(formid) {
		$.showLoading();
		var formParam = $(formid).serialize();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				if(s.message.ts!='OK'){
					$.alert(s.message.ts, "操作成功");
				}else{
					$.toast("提交成功", function() {console.log('close');});
				}
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
</script>
<script type="text/javascript" src="{$_W['siteroot']}web/resource/js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/util.js"></script>
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/require.js"></script>