{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>
.uploadify-button-text{
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    padding: 0px 5px;
    color: #333;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ccc;
}
</style>

{/block}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<ul class="nav nav-tabs">					
			<li ><a href="{:url('admin/wxmp/settings')}">默认公众号配置</a></li>
			<li class="active"><a href="{:url('admin/wxmp/integrate')}">接入信息</a></li>
		</ul>
	</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">{$agenthost}</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">{$agenthost}</div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-3"><span class="required" aria-required="true">*</span>网页授权域名</label>
        <div class="col-sm-9 form-control-static">{$agenthost}</div>
    </div>
	<div class="form-group">
        <label class="control-label col-sm-3"><span class="required" aria-required="true">*</span>IP白名单</label>
        <div class="col-sm-9 form-control-static">{:config('web_ip')}(必须加入白名单，否则影响菜单生成)</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">http://wxapi.{$host}/wechat/api/uid/{$uid}.html</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">
        <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 () {
            $.ajax({
                url: '{:url("wxmp/push",array('uid'=>$uid,"model_id"=>18))}',
                type: 'POST',
                contentType: 'application/json',
				success: function(data){
					if(data.code==1)
					{
						updateAlert('菜单生成成功，大约5分钟后生效', 'success');
					}else{
						updateAlert('菜单生成失败'+data.msg, 'error');
						setTimeout(function() {
							//window.location.reload()
						}, 1000);
					}
				}
            })
            return false;
        });
    });
</script>
<link rel="stylesheet" type="text/css" href="/public/plugs/uploadify/uploadify.css">

<script type="text/javascript" src="/public/plugs/uploadify/jquery.uploadify.min.js"></script>

<script language="javascript" type="text/javascript">
$(document).ready(function() {
	$("#upload_ebook").uploadify({
		swf : '/public/plugs/uploadify/uploadify.swf',
		uploader : "/admin/upload/uploadtext.html",
        formData : {
            type : 'ebook',
            userid : '1'
        },
		buttonText : '授权文件...',
		buttonImage: "",
		width: "124",
		height: "33",
		fileObjName : 'ebook',
		fileTypeDesc : '支持格式：',
		fileTypeExts : '*.txt',
		fileSizeLimit : '200MB',
		queueSizeLimit : 1,
		multi : false,
		removeCompleted : false,
		onSelect : function(file) {
			$("#ebook").val("");
			var queuedFile = {};
			for (var n in this.queueData.files) {
				queuedFile = this.queueData.files[n];
				if (queuedFile.id !== file.id) {
					$('#' + queuedFile.id).remove();
					this.cancelUpload(queuedFile.id);
					delete this.queueData.files[n];
				}
			}
		},
		onUploadSuccess : function(file, data) {
			$("#ebook").val(data);
			$('#' + file.id).find('.cancel').hide();
			$('#' + file.id).find('.uploadify-progress').hide();
			if (data == "") {
				$('#' + file.id).find('.data').html(' - <font color="red">上传失败！</font>');
				return false;
			}
			$('#' + file.id).find('.data').html(' - <font color="green">上传成功！</font>');
		}
	});
});

</script>

{/block}