<{include file="./admin/header.html"}>
<{include file="get_kindeditor.html"}>
<{include file="./admin/nav.html"}>

<div class="container">

	<p></p>
	<form class="form-inline" role="form" method="get">
		<input name="c" type="hidden" value="admin_message" />
		<div class="form-group">开始时间：</div>
		<div class="form-group">
			<input name="start_time" type="text" value="<{$start_time}>" class="form-control input-sm" />
		</div>
		<div class="form-group">结束时间：</div>
		<div class="form-group">
			<input name="end_time" type="text" value="<{$end_time}>" class="form-control input-sm" />
		</div>
		<br>
		<div class="form-group">用户昵称：</div>
		<div class="form-group">
			<input name="nickname" type="text" value="<{$nickname}>" class="form-control input-sm" />
		</div>
		<div class="form-group">消息类型：</div>
		<div class="form-group">
			<select name="msgType" class="form-control input-sm">
				<option value="">==选择消息类型==</option>
				<{foreach from=$msgTypeDesc item=tmpTypeDesc key=key}>
				<option value="<{$key}>" <{if $msgType == $key}>selected<{/if}>><{$tmpTypeDesc.desc}></option>
				<{/foreach}>
			</select>
		</div>
		<div class="form-group">消息关键词：</div>
		<div class="form-group">
			<input name="keyword" type="text" value="<{$keyword}>" class="form-control input-sm" />
		</div>
		<button type="submit" class="btn btn-default">查询</button>
	</form>
	<p></p>
	<table class="table table-hover ">
		<tr>
			<td width="20%">用户</td>
			<td width="10%">消息类型</td>
			<td width="40%">消息内容</td>
			<td width="18%">发送时间</td>
			<td width="12%">回复</td>
		</tr>
		<{if $info}>
		<{foreach from=$info item=item}>
		<tr>
			<td>
				<a href="<{$web_cfg.domain}>?c=admin_message&openid=<{$item.openid}>" target="_blank">
				<img src="<{$users[$item.openid].headimgurl}>" width=48 height=48 class="img-rounded">
				</a>
				<{assign var=groupid value=$users[$item.openid].groupid}>
				&nbsp;&nbsp;&nbsp;<a href="<{$web_cfg.domain}>?c=admin_message&openid=<{$item.openid}>" target="_blank"><{$users[$item.openid].nickname}></a>&nbsp;<span style="color:#959595;">(<{$groups.$groupid.name}>)</span>
			</td>
			<td><{$item.contentType}></td>
			<td>
				<{if $item.qrcodeid}> <{*二维码渠道描述*}>
				渠道：<{$qrcodes[$item.qrcodeid].description}>
				<{else}>
				<{$item.html}>
				<{/if}>
			</td>
			<td><{$item.create_time|date_format:'%m-%d %H:%M:%S'}></td>
			<td>
				<{if $item.isSupportReply && $users[$item.openid].status == 1}>
				<a href="javascript:;" class="quickReply" data-openid="<{$item.openid}>" data-nickname="<{$users[$item.openid].nickname}>">回复</a>
				<{elseif $users[$item.openid].status != 1}>
				<span style="color:#C5C5C5;">已取消关注</span>
				<{else}>
				<span style="color:#C5C5C5;"><{$item.notSupportDesc}></span>
				<{/if}>
			</td>
		</tr>
		<{/foreach}>
		<{else}>
		<tr>
			<td colspan="5" align="center">还没有收到过消息</td>
		</tr>
		<{/if}>
	</table>
	<div class="page"><{$pager_html}></div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$(".quickReply").click(function () {
		var openid = $(this).data('openid');
		var nickname = $(this).data('nickname');
		var body = "<div style=\"padding:10px;\"><textarea name=\"content\" class=\"form-control\" rows=\"3\" placeholder=\"输入回复内容\" ></textarea></div>";
		var dialog = KindEditor.dialog({
			width : 450,
			title : '回复-'+nickname,
			body : body,
			closeBtn : {
				name : '关闭',
				click : function(e) {
					dialog.remove();
				}
			},
			yesBtn : {
				name : '发送',
				click : function(e) {
					var content = $.trim($('textarea[name=content]').val());
					if (!content) {
						alert('消息内容不能为空');return false;
					}
					
					$.get("<{$web_cfg.domain}>/?c=admin_message&a=send"
						, {
							openid: openid,
							content: content
						}
						, function (data) {
							alert(data.msg);
							if (data.ok) {
								localtion.reload();
							}
						}
						, 'json'
					);
					
					dialog.remove();
				}
			},
			noBtn : {
				name : '取消',
				click : function(e) {
					dialog.remove();
				}
			}
		});
	});
});
	
KISSY.use("gallery/calendar/1.2/index", function (S, Calendar) {
	//日历
    new Calendar({
		count   : 1, //日历个数
		isSelect        : 1, //是否开启下拉列表选择日期，如果开启，日历个数限制为 1
		triggerNode     : 'input[name=start_time],input[name=end_time]',
    });
});
</script>
</body>
</html>