{extend name="public/base"/}
{block name="style"}

<link rel="stylesheet" href="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.css">
<script src="__PUBLIC__/plugs/tagsinput/bootstrap-tagsinput.js"></script>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/plugs/ueditor/ueditor.all.min.js"></script>
<!-- datepicker statr -->
<link href="__PUBLIC__/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="__PUBLIC__/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/board/board.min.css">
<!-- datepicker end -->
<style>
.serve_hint{float:left;}
.serve_btn{float:right;}
</style>
{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
	</header>
	<div class="main-box-body clearfix">
			<div class="tabs-wrapper">
				<!----
				<ul class="nav nav-tabs">
					<li class="active"><a href="{:url('admin/wxmp/autoconfig')}">自动配置</a></li>
					<li ><a href="{:url('admin/wxmp/settings')}">手动配置</a></li>
				</ul>
				---->
				<div class="tab-content">
					<p class='serve_hint'>用已认证的服务号或订阅号进行授权，即可自动完成公众号的自定义菜单、自动回复等相关配置。</br><span>服务号与订阅号的不同<i class="fa fa-question-circle" title="" data-toggle="tooltip" data-original-title="服务号和订阅号相比多了发送模板消息功能，可以有效唤醒用户，增加充值。"></i></span></p> 

					{if session('user_auth.group')==4||session('user_auth.group')==3}
					<span class="serve_btn"><button type="button" class="btn btn-primary btn-wxmp" ><span>添加认证服务号</span></button></span>
					{/if}
					<table class="table table-bordered table-striped" style="margin-top:20px">
						<thead>
							<tr>
								
								<td>
									公众号名称
								</td>
								<td>
									<span>分销平台</span>
								</td>
								{if session('user_auth.group')==999}
								<td>
									<span>所属用户</span>
								</td>
								{/if}
								<td>
									站点名称
								</td>
								<td>
									站点域名
								</td>
								<td>
									引导关注二维码
								</td>
								<td>
									授权状态
								</td>
								<td>
									操作
								</td>
							</tr>
						</thead>
						<tbody>
							{volist name="autoconfig" id="vo"}
							<tr>
								
								<td>
									{$vo['nickname']}
								</td>
								<td>
									{$vo.title}
								</td>
								{if session('user_auth.group')==999}
								<td>{$vo.uid|get_username}</td>
								{/if}
								<td>
									{$vo['webname']}
								</td>
								<td>
									{$vo['id']|get_agent_domain=$vo['uid'],$vo['open_appid'],###}	
								</td>
								<td>
									<img src="{$vo['subscribe_url']}" width="60" border="0" alt="">
								</td>
								<td>
									已授权
								</td>
								<td>
									<a href="http://{$vo['domain']}/mpcallback/login/from_site/{$vo.from_site}" target="_blank">更新授权</a>
									<a href="{:url('wxmp/edit',array('id'=>$vo['id']))}" >编辑</a>
									{if session('user_auth.group')==999}
									<a href="{:url('wxmp/del',array('id'=>$vo['id']))}" class="ajax-get confirm" >删除</a>
									{/if}
								</td>
							</tr>
							{/volist}
						</tbody>
					</table>
					{$page}

					<p>授权须知：</p>
					<p>1.授权前必须保证公众号头像、微信号已设置，否则回授权失败。</p>
					<p>2.开始授权后会进入微信官方授权界面，请使用管理员微信扫描后点击“授权”；</p>
					<p>3.若您已授权给其他第三方，或正在使用开发者模式，本次授权后将会自动覆盖原有配置 ；</p>
					<p>4.更新授权会重新扫码授权一次，适用于分销平台未删除，但公众号后台已删除授权的情况下，若平台正在运营中，请勿更新授权，会导致微信服务器返回错误信息</p>
					<p>5.非认证号或不想修改已有配置的认证号，建议重新申请一个认证号用于本站业务 ；</p>
					<p>6.各站由于自定义菜单链接不同，需要对应设置不同公众号 。</p>
				</div>
			</div>
		</form>
	</div>
</div>
<div class="modal" id="mymodal">
	 <div class="modal-dialog">
		 <div class="modal-content">
			 <div class="modal-header">
				 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
				 <h4 class="modal-title">添加公众号</h4>
			 </div>
			 <div class="modal-body">
				<div class="form-group">
					<label class="col-lg-2 control-label">站点名称</label>
					<div class="l-lg-10">
						<input type="text" class="form-control" name="name" id="from-name" value="">
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-2 control-label">分销平台</label>
					<div class="l-lg-10">
						<div class="radio radio-nice">
							{foreach name="wxopen" item="vo"}
							<input type="radio" name="siteid" id="siteid-{$vo.id}" value="{$vo.id}">
							<label for="siteid-{$vo.id}">{$vo.title}</label>
							{/foreach}
						</div>
					</div>
				</div>
			
			 </div>
			 <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary btn-submit">确认</button>
			 </div>
		 </div><!-- /.modal-content -->
	 </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
{/block}
{block name="script"}
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/droppable.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/board/board.min.js"></script>

<script>
    $(function () {
		var domain = [{foreach name="wxopen" item="vo"}"{$vo.domain}"{if count($wxopen)>$key},{/if}{/foreach}];
		$('.btn-wxmp').click(function () {
			$("#mymodal").modal("toggle");
		})
		$('#mymodal').find('.btn-submit').click(function () {
			var webname = $('#from-name').val();
			if (!webname)
			{
				updateAlert('站点名称不能为空', 'error');
                return false;
			}
			var siteid = $('input[name="siteid"]:checked').val();
			var sitedomain =domain[siteid-1];
			if (!siteid)
			{
				updateAlert('分销平台未选择', 'error');
                return false;
			}
			var url ="http://"+sitedomain+"/mpcallback/login/from_site/"+siteid+"/webname/"+webname;

			setTimeout(function(){
				window.location.reload();
			}, 500);

			window.open(url);
        });
	})
</script>
{/block}