{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 -->
{/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="alert alert-info">
    注意: 接入公众号必须是"认证服务号"
</div>

<div class="form-horizontal">
    <h4>公众号设置 <small>(微信后台 > 公众号设置 > 功能设置)</small></h4>
    <div class="form-group">
        <label class="control-label col-sm-3">业务域名</label>
        <div class="col-sm-9 form-control-static">
            <span id="link-site-domain">{$host}</span>
            <i class="fa fa-copy" title="点击复制" style="cursor:pointer" data-toggle="copy-link" data-clipboard-target="#link-site-domain"></i>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3">JS接口安全域名</label>
        <div class="col-sm-9 form-control-static">{$host}</div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3">网页授权域名</label>
        <div class="col-sm-9 form-control-static">{$host}</div>
    </div>

    <h4>公众号回复 <small>(微信后台 > 基本配置)</small></h4>
    <div class="form-group">
        <label class="control-label col-sm-3">URL(服务器地址):</label>
        <div class="col-sm-9 form-control-static">
            <span id="link-integrate-url">{:url('@wechat/api',array('uid'=>$uid),true,true)}</span>
            <i class="fa fa-copy" title="点击复制" style="cursor:pointer" data-toggle="copy-link" data-clipboard-target="#link-integrate-url"></i>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3">Token(令牌):</label>
        <div class="col-sm-9 form-control-static">
            <span id="link-token">mytoken</span>
            <i class="fa fa-copy" title="点击复制" style="cursor:pointer" data-toggle="copy-link" data-clipboard-target="#link-token"></i>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3">EncodingAESKey(消息加解密密钥):</label>
        <div class="col-sm-9 form-control-static">
            随机生成
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3">消息加解密方式:</label>
        <div class="col-sm-9 form-control-static">
            明文模式
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-9 col-sm-offset-3">
            <button type="button" class="btn btn-primary" id="btn-generate-menu">生成菜单</button>
        </div>
    </div>
</div>

	</div>
</div>
{/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 type="text/javascript" src="/public/js/clipboard.min.js"></script>
<script>
    var generating = false;

    $(function () {
        
        $('[data-toggle="copy-link"]').each(function () {
            new Clipboard(this).on('success', function (e) {
                e.clearSelection();
				updateAlert('复制成功', 'success');
            });
         });
        
        $('#btn-generate-menu').click(function () {
            if (generating) {
                return false;
            }

            generating = true;

            $.ajax({
                url: '{:url("wxmp/push",array('uid'=>$uid,"model_id"=>18))}',
                type: 'POST',
                contentType: 'application/json'
            })
			
            .then(function () {
					updateAlert('菜单生成成功，大约5分钟后生效', 'success');
            })
			.fail(function () {
				updateAlert('菜单生成失败', 'error');
			})
			.always(function () {
				generating = false;
			});
            return false;
        });
    });
</script>
{/block}