{template 'common/header'}
<style type="text/css">
	.require{color:red;}
	.info{padding:6px;width:400px;margin:-20px auto 3px auto;text-align:center;}
</style>
<ul class="we7-page-tab">
	<li><a href="{php echo $this->createWebUrl('display')}">返回表单列表</a></li>
	<li{if $op == 'list'} class="active"{/if}><a href="{php echo $this->createWebUrl('staff', array('op' => 'list','reid' => $_GPC['reid']))}">客服列表</a></li>
	<li{if $op == 'post' && !$id} class="active"{/if}><a href="{php echo $this->createWebUrl('staff', array('op' => 'post','reid' => $_GPC['reid']))}">添加客服</a></li>
	{if $id}<li class="active"><a href="#">编辑客服</a></li>{/if}
	<li><a href="{php echo $this->createWebUrl('post', array('id' => $reid))}">编辑{$activity['title']}</a></li>
	<li><a href="{php echo $this->createWebUrl('recordset', array('reid' => $reid))}">记录显示设置</a></li>
</ul>
{if $op == 'post'}
	<form class="form-horizontal form" id="form1" action="" method="post" enctype="multipart/form-data">
		<input type="hidden" name="reid" value="{$reid}">
		<input type="hidden" name="weid" value="{$weid}">
		<div class="main">
			<div class="panel panel-default">
				<div class="panel-heading">添加客服</div>
				<div class="panel-body">
					<div id="tpl">
						<div class="form-group">
							<label class="col-xs-12 col-sm-3 col-md-2 control-label">归属表单</label>
							<div class="col-sm-9 col-xs-12">
								<input type="text" class="form-control" value="{$activity['title']}" readonly>
							</div>
						</div>	
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="require"> </span>微信昵称</label>
					<div class="col-sm-9 col-xs-12">
						<div class="input-group">
							<input type="text" name="nickname" class="form-control">
							<div class="input-group-btn">
								<span class="btn btn-success btn-openid">检 测</span>
							</div>
						</div>
						<div class="help-block">请填写微信昵称。系统根据微信昵称获取该商家对应公众号的openid</div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label"><span class="require"> </span>粉丝编号</label>
					<div class="col-sm-9 col-xs-12">
						<div class="input-group">
							<input type="text" name="openid" class="form-control" value="" placeholder="粉丝编号">
							<div class="input-group-btn">
								<span class="btn btn-success btn-openid">检 测</span>
							</div>
						</div>
						<div class="help-block">请填写微信编号。系统根据微信编号获取该商家对应公众号的openid。<a href="/web/index.php?c=mc&a=fans&" target="_blank">openid：粉丝管理中的粉丝编号</a></div>
					</div>
				</div>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-9 col-xs-9 col-md-9">
					<input type="hidden" name="token" value="{$_W['token']}">
					<input name="submit" id="submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
				</div>	
			</div>
		</div>
	</form>
	<script type="text/javascript">
		require(['util'], function(u){
			$('#post-add').click(function(){
				$('#tpl-container').append($('#tpl').html());
			});
		});
	</script>
<script type="text/javascript">
	$('.btn-openid').click(function(){
		var nickname = $.trim($(':text[name="nickname"]').val());
		var openid = $.trim($(':text[name="openid"]').val());
		if(!nickname && !openid) {
			util.message('请输入昵称或者openid');
			return false;
		}
		var param = {
			'nickname':nickname,
			'openid':openid
		};
		$.post("{php echo $this->createWebUrl('post', array('op' => 'verify'))}", param, function(data){
			var data = $.parseJSON(data);
			if(data.message.errno < 0) {
				util.message(data.message.message);
				return false;
			}
			$(':text[name="openid"]').val(data.message.message.openid);
			$(':text[name="nickname"]').val(data.message.message.nickname);
		});
		return false;
	});
</script>
{elseif $op == 'list'}
	<style type="text/css">
		.status-toggle{cursor:pointer;}
	</style>
	<div class="main">
    <div class="panel we7-panel">
        <div class="panel-heading">筛选</div>
        <div class="panel-body we7-padding">
				<form action="./index.php" method="get" class="form-horizontal" role="form">
					<input type="hidden" name="c" value="site">
					<input type="hidden" name="a" value="entry">
					<input type="hidden" name="m" value="dayu_form">
					<input type="hidden" name="do" value="staff"/>
					<input type="hidden" name="op" value="list"/>
					<input type="hidden" name="reid" value="{$_GPC['reid']}">
					<div class="form-group clearfix">
						<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">客服</label>
						<div class="col-sm-7 col-lg-8 col-md-8 col-xs-12">
							<input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}">
						</div>
						<div class="col-xs-12 col-sm-3 col-md-2 col-lg-1">
							<button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		{if $activity['guanli'] == 0}
			<div class="alert alert-info">
				{if $_W['isfounder']}<a class="btn btn-warning pull-right" href="javascript:void(0);" onclick="change('{$reid}','guanli','1')">切换为 多管理员</a>{/if}
				<h4>点击 <i class="fa fa-dot-circle-o" style="font-size:2rem"></i> 设置为管理员</h4> <i class="fa fa-check-square-o" style="font-size:2rem"></i> 为微信端管理员，<i class="fa fa-dot-circle-o" style="font-size:2rem"></i> 为普通客服，只接收通知，无管理权限
			</div>
		{elseif $activity['guanli'] == 1 && $_W['isfounder']}
			<div class="alert alert-info">
				<a class="btn btn-success" href="javascript:void(0);" onclick="change('{$reid}','guanli','0')">切换为 单管理员多客服</a>
			</div>
		{/if}
		<form class="form-horizontal" action="" method="post" enctype="multipart/form-data">
			<div class="panel panel-default">
				<div class="panel-body table-responsive">
					<table class="table table-hover">
						<thead class="navbar-inner">
							<tr>
								<th width="80px">管理员</th>
								<th>客服</th>
								<th><a href="/web/index.php?c=mc&a=fans&" target="_blank">openid：粉丝管理中的粉丝编号</a></th>
								<th>归属</th>
								<th style="width:80px; text-align:right;">操作</th>
							</tr>
						</thead>
						<tbody>
							{loop $lists $item}
							<tr {if $item['openid'] == $activity['kfid']}style="background-color:#fff8e1;"{/if}>
								<input type="hidden" name="ids[]" value="{$item['id']}">
								<input type="hidden" name="weid[]" value="{$weid}">
								<td>
									{if $item['openid'] != $activity['kfid'] && $activity['guanli']=='0'}
										<a class="btn" href="javascript:void(0);" onclick="change('{$item['reid']}','kfid','{$item['openid']}')" title="设置 {$item['nickname']} 为微信端管理员"><i class="fa fa-dot-circle-o" style="font-size:3rem"></i></a>
									{elseif $item['openid'] === $activity['kfid'] || $activity['guanli']=='1'}
										<span class="btn" title="微信端管理员"><i class="fa fa-check-square-o" style="font-size:3rem"></i></span>
									{/if}
								</td>
								<td><input type="text" name="nickname[]" class="form-control" value="{$item['nickname']}"></td>
								<td><input type="text" name="openid[]" class="form-control" value="{$item['openid']}"></td>
								<td><input type="text" class="form-control" value="{$activity['title']}" disabled></td>
								<td style="text-align:right;">
									<a href="{php echo $this->createWebUrl('staff', array('op' => 'staffdel', 'id' => $item['id'], 'reid' => $_GPC['reid']))}" class="btn btn-default btn-sm" title="删除" data-toggle="tooltip" data-placement="top" onclick="if(!confirm('删除客服，确定删除吗?')) return false;"><i class="fa fa-times"> </i></a>
								</td>
							</tr>
							{/loop}
						</tbody>
					</table>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-9 col-xs-9 col-md-9">
					<input type="hidden" name="token" value="{$_W['token']}">
					<input name="submit" id="submit" type="submit" value="批量修改" class="btn btn-primary">
				</div>	
			</div>
			{$pager}
		</form>
	</div>
<script>
	require(['bootstrap'],function($){
		$('.btn').hover(function(){
			$(this).tooltip('show');
		},function(){
			$(this).tooltip('hide');
		});
	});
	function change(id, field, change){
		$.post('{php echo $this->createWebUrl("changecheckedAjax")}',{"id":id, "field":field, "change":change},function (data){
			location.reload();
		});
	}
</script>
	</script>
{/if}
{template 'common/footer'}