{template '_header'}
<?php
if(empty($agent['avatar'])){$agent['avatar']=$_W['fans']['avatar'];}
?>  

<style>
.lxinfobox{margin:15px 15px 0;padding:12px; border:1px solid #f4f4f4; box-shadow:1px 1px 6px rgba(0,0,0,0.08); border-radius:6px;background-color: #fff;}
.lxinfobox .lxiftit h3{height:32px; line-height:32px; font-size:16px; color:#aaa; font-weight:bold;}
.lxinfobox .lxinr p{padding: 4px 0px;}
.lxctbtn{ padding:32px 40px 20px; display:flex;}
.lxctbtn .lxctbtnitem{ flex:1; text-align:center;}
.lxctbtn .lxctbtnitem i{ margin:0 auto; display:flex; width:48px; height:48px; background-color:#eee; border-radius:48px; overflow:hidden; }
.lxctbtn .lxctbtnitem i img{ width:48px; height:48px; display:flex;}
.lxctbtn .lxctbtnitem span{ line-height:32px; font-size:14px; color:#333;}
</style>
<div class="page bg-zmpag js-cd1">
	<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>
	<div class="lxinfobox">
		<div class="lxiftit"><h3>{php echo $notice['title']?$notice['title']:'联系方式'}</h3></div>
		<div class="lxinr">
             {if $settings['gs']['user']}<p>联系人：{$settings['gs']['user']}</p>{/if}
             {if $settings['gs']['tel']}<p>电话：{$settings['gs']['tel']}</p>{/if}
             {if $settings['gs']['address']}<p>地址：{$settings['gs']['address']}</p>{/if}	
             {if $settings['gs']['pos']}<p>邮编：{$settings['gs']['pos']}</p>{/if}	 
		</div>
		<div class="lxinr">
			{$notice['content']}		
		</div>
		<div class="lxctbtn">
			<div class="lxctbtnitem">
				<a href="tel:{$settings['gs']['tel']}">
					<i><img src="{MODULE_URL}site/image/tel.png" /></i>
					<span>电话联系</span>
				</a>
			</div>
			<div class="lxctbtnitem">
				<a data-lat="{$settings['gs']['lat']}" data-lng="{$settings['gs']['lng']}" data-name="{$settings['gs']['name']}"  data-address="{$settings['gs']['address']}" onclick="buy_location(this);">
					<i><img src="{MODULE_URL}site/image/dw.png" /></i>
					<span>地图导航</span>
				</a>
			</div>
		</div>
	</div>
		<div class="weui-cells">
			<div class="weui-flex" style='padding: 15px 15px;'>
				<div class="weui-flex__item tcenter" style='padding-right: 5px;'>
					<div class="tcenter" style='width:100%;margin-bottom:5px;'>
						<img src="{php echo tomedia($_W['uniaccount']['qrcode']);}" style="width:100%;max-width:120px;" >
					</div>
					<h3>微信公众号</h3>	
				</div>
				<div class="weui-flex__item tcenter" style='padding-left: 5px;'>
					<div class="tcenter" style='width:100%;margin-bottom:5px;'>
						<img src="{php echo tomedia($settings['gs']['qrimg']);}"  style="width:100%;max-width:120px;" >
					</div>
					<h3>客服微信</h3>
				</div>
			</div>
		</div>
		<div class="weui-cells__title">用户反馈</div>	
		<div class="weui-cells">
			<form  action="" id="lyform" method="post" enctype="multipart/form-data">
			<div class="weui-cell weui-cell_select weui-cell_select-after">
				<div class="weui-cell__hd"><label class="weui-label">类型：</label></div>
				<div class="weui-cell__bd"> 
					<select class="weui-select" name="pos[type]">
						<option value="0">请选择</option>
						<optgroup label="活动类(向总部)" />
						<option value="2">业务咨询</option>
						<option value="15">其它建议</option>
						<optgroup label="软件类(向软件开发者)" />
						<option value="77">系统错误返馈</option>
						<option value="88">其它建议</option>
					</select>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd weui_cell_primary">
					<textarea class="weui-textarea js-input" placeholder="欢迎您为我们提供宝贵的建议！" rows="5" name="pos[content]"></textarea>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd ">
					<div class="weui-uploader">
						<div class="weui-uploader__hd">
							<div class="weui-uploader__title" >截图：<a onclick="payimg(this);">[点击预览]</a></div>
							<div class="weui-uploader__info">最好能将问题截下来</div>
						</div>
						<div class="weui-uploader__bd">
							<ul class="weui-uploader__files"></ul>
							<div class="weui-uploader__input-box">
								<input class="weui-uploader__input" type="file" accept="image/*" data-max="3" data-name="pics[]" data-width="1000" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">电话：</label></div>
				<div class="weui-cell__bd ">
					<input class="weui-input js-input" type="tel" name="pos[tel]" placeholder="必要时我们可以联系您核实情况" value="" />
				</div>
			</div>
			</form>
		</div>
		<div class="weui-btn-area">
			<a href="javascript:xdupform('#lyform');" class="weui-btn {$_W['css']['bg']}">提 交 返 馈</a>
		</div>
</div>
{template '_footer'}
<script src="{MODULE_URL}zmui/js/lrz/lrz.all.bundle.js"></script>
<script type="text/javascript">
	$('.weui-uploader__input').change(function () {
		var ingmax=Math.max(1,parseInt('0' + $(this).data('max'),10));
		var ingwidth=parseInt('0' + $(this).data('width'),10);
		var bdname=$(this).data("name");
		if(ingwidth==0){ingwidth=1024;}
		var files = $(this).parent().parent().find('.weui-uploader__files');
		var itemNum = files.find('input').length;
		if(itemNum>=ingmax){$.alert('最多'+ingmax+'张图片！', "操作失败");return false;} 
		$.toast("图片处理中", "text");
		lrz(this.files[0],{width:ingwidth,fieldName:"file"}).then(function (rst) {
			$.showLoading();		
			$.post('{php echo $this->createMobileUrl('zmcnimgup');}',{base64:rst.base64,'name':bdname,'bm':'Y'}, function(s){
				$.hideLoading();
				if(s.message.zt==1) {
					$.alert(s.message.ts, "操作失败");
				}else{
					files.append('<li class="weui-uploader__file" style="background-image:url({$_W['siteroot']}attachment/'+s.message.src+')" onclick="removeimg(this)"><i class="weui-icon-cancel"></i><input type="hidden" name="'+bdname+'" value="'+s.message.src+'"></li>');
				}
			}, 'json');
			return '';
		})
		.catch(function (err) {$.alert('未知错误，可能是网络不通！', "操作失败");})
		.always(function () {}); 
	});
	function removeimg(obj){
		$.confirm('您确定要删除吗?', '确认删除?', function() {$(obj).remove(); $(".weui-gallery").fadeOut(100);i--});
		return false;
	}
    function payimg(obj) {
		var arr = [];
		$(obj).parent().parent().parent().find('li').each(function (i) {arr.push($(this).css("backgroundImage").replace('url("','').replace('")',''));});
		if(arr.length<1){$.alert('请上传图片', "操作失败");return false;}
		wx.previewImage({current: arr[0],urls: arr});	
	}
    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, "操作成功");
					$(formid).find('.js-input').val('');
					$(formid).find('ul').html('');
				}else{
					$.toast("提交成功", function() {console.log('close');});
				}
				jssclose();
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
</script>
<script>function buy_location(_this){var x_pi = 3.14159265358979324 * 3000.0 / 180.0;var bdLat = $(_this).data("lat");var bdLon = $(_this).data("lng");var name = $(_this).data("name");;var address = $(_this).data("address");var x = bdLon - 0.0065, y = bdLat - 0.006;  var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);var gcjLon = z * Math.cos(theta);var gcjLat = z * Math.sin(theta);wx.openLocation({latitude: gcjLat,longitude: gcjLon,name: name,address: address,scale: 20,infoUrl: ''});}</script>