{template 'common/header'}
<div class="we7-page-title">
	粉丝管理
</div>
<ul class="we7-page-tab">
	{loop $active_sub_permission $active_menu}
	{if permission_check_account_user($active_menu['permission_name'], false) && (empty($active_menu['is_display']) || is_array($active_menu['is_display']) && in_array($_W['account']['type'], $active_menu['is_display']))}
	<li {if $do == $active_menu['active']}class="active"{/if}><a href="{$active_menu['url']}">{$active_menu['title']}</a></li>
	{/if}
	{/loop}
</ul>
{if $do == 'fans_sync_set'}
<div class="alert alert-info">
	<p><i class="fa fa-exclamation-circle"></i> 此同步设置是指系统后台自动同步系统数据中已关注粉丝的基本信息，并非该公众号全部粉丝数据；</p>
	<p><i class="fa fa-exclamation-circle"></i> 如若想同步全部粉丝信息，请到菜单“粉丝”->“全部粉丝”，点击“同步全部粉丝信息”按钮！</p>
</div>
<div id="js-profile-sync" ng-controller="syncCtrl" ng-cloak>
	<table class="table we7-table table-hover table-form">
		<col width="140px " />
		<col />
		<col width="140px" />
		<tr>
			<th class="text-left" colspan="3">粉丝同步</th>
		</tr>
		<tr>
			<td >是否开启</td>
			<td>
				{{ syncSetting == 1 ? '开启' : '关闭' }}
			</td>
			<td class="text-center">
				<label>
					<input name="" class="form-control" type="checkbox"  style="display: none;">
					<div ng-class="syncSetting == 1 ? 'switch switchOn' : 'switch'"  ng-click="setSync()"></div>
				</label>
			</td>
		</tr>
	</table>

</div>

<script>
	angular.module('profileApp').value('config', {
		'syncSetting' : "{$sync_setting}",
		'saveSyncSetting' : "{php echo url('mc/fans/fans_sync_set', array('operate' => 'save_setting'))}"
	});
	angular.bootstrap($('#js-profile-sync'), ['profileApp']);
</script>
{else}
<div id="main" ng-controller="DisplayCtrl" ng-cloak>
<div class="we7-page-search we7-padding-bottom clearfix">
	<div class="pull-right">
		<button class="btn btn-primary we7-padding-horizontal add-group" data-show="popover">+添加分组</button>
	</div>
	<form action="" method="get" class="form-inline" role="form">
		<input type="hidden" name="c" value="mc">
		<input type="hidden" name="a" value="fans">
		<div class="form-group">
			<div class="form-controls">
				<select name="follow" class="we7-select" >
					<option value="1" {if $follow == 1}selected{/if}>已关注</option>
					<option value="2" {if $follow == 2}selected{/if}>取消关注</option>
				</select>
			</div>
		</div>
		<div class="form-group we7-margin-left-sm">
			<div class="input-group col-sm-12" >
				<div class="input-group-btn">
					<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button" aria-expanded="false"> {{ searchMod == 1 ? '精确' : '模糊'}}
						<span class="caret"></span>
					</button>
					<ul role="menu" class="dropdown-menu">
						<li>
							<a href="javascript:;" ng-click="switchSearchMod(1)">精确</a>
						</li>
						<li>
							<a href="javascript:;" ng-click="switchSearchMod(2)">模糊</a>
						</li>
					</ul>
				</div>
				<input name="search_mod" type="text" style="display:none;" ng-model="searchMod">
				<input name="nickname" value="{$nickname}" class="form-control" placeholder="" type="text">
				<span class="input-group-btn"><button class="btn btn-default"><i class="fa fa-search"></i></button></span>
			</div>
		</div>
		
		<input name="tag" value="{$tag}" type="hidden">
	</form>
</div>
<div class="popover-add-group" style="display: none;">
	<div class="input-group" style="width: 250px;">
		<p>标签名称</p>
		<input name="addtag" value="" class="form-control" placeholder="分组名称" type="text">
	</div>
	<div class="popover-btn we7-margin-top-sm">
		<a href="javascript:;" class="btn btn-primary we7-margin-right-sm" onclick="addTag()">确定</a>
		<a href="javascript:;"  class="btn btn-default popover-hide">取消</a>
	</div>
</div>


<div class="fans-content">
	<div class="fans-list">
		<div class="panel we7-panel">
			<div class="panel-heading">
				{if empty($tag)}全部{else}{$fans_tag[$tag]['name']}
				<a href="javascript:;" class="color-default fans-group-edit we7-margin-left-sm edit-group" data-show='popover'>重命名</a>
				<a href="javascript:;" class="color-default fans-group-del we7-margin-left-sm" data-show='popover'>删除</a>
				{/if}
				<div class="pull-right we7-form">
						<input id='credit1' type="radio" name='1' {if $type == ''}checked='checked'{/if} onclick="changetype('')" />
						<label for="credit1">全部</label>
						<input id='credit3' type="radio" name='1' {if $type == 'bind'}checked='checked'{/if} onclick="changetype('bind')"/>
						<label for="credit3">
						会员
						</label>
					<script>
						changetype = function(type) {
							if (type == '') {
								url = "{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => $tag, 'type' => ''))}"
							} else {
								url = "{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => $tag, 'type' => 'bind'))}"
							}
							location.href = url;
						}
					</script>
				</div>
			</div>
			<div class="panel-body">
				<table class="table we7-table table-hover fans-info vertical-middle">
					<col width="20px" />
					<col width="60px"/>
					<col />
					<col />
					<tr>
						<th class="text-left" colspan="5">
							<div class="we7-form">
								<input id='checkall' type="checkbox" we7-check-all="1" name='openid[]' onclick="checkall()"/>

								<label for="checkall">全选 </label>
								<script>
									checkall = function() {
										check = $('#checkall').prop('checked') ==  true ? 'checked' : '';
										$('.openid').prop('checked', check);
									}
								</script>
								<a href="javascript:;" class="btn btn-primary test we7-margin-left-sm batch-group" data-show='popover' >打标签</a>
								<a href="javascript:;" class="btn btn-default we7-margin-left-sm" ng-click="sync('check')">同步选中信息</a>
								<a href="javascript:;" class="btn btn-default we7-margin-left-sm" ng-click="downloadFans()">同步全部信息</a>
								<span class="pull-right color-gray" data-toggle="modal" data-target="#sync-setting" style="cursor:pointer;position: relative;top:4px">
									<i class="wi wi-appsetting"></i> 同步设置
								</span>
								<div class="modal fade" id="sync-setting" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
												<h4 class="modal-title" id="myModalLabel">同步设置</h4>
											</div>
											<div class="modal-body">
												<div class="form-group">
													<label class="col-sm-2 control-label" style="text-align:left;">同步信息设置</label>
													<div class="col-sm-8 form-control-static" ng-init="sync_member = {$sync_member}">
														<input type="radio" name="sync_member" id="status-0" value="0" ng-checked="sync_member == 0" ng-click="sync_member=0">
														<label class="radio-inline" for="status-0">
															仅同步粉丝信息
														</label>
														<input type="radio" name="sync_member" id="status-1" value="1" ng-checked="sync_member == 1" ng-click="sync_member=1">
														<label class="radio-inline" for="status-1">
															同步粉丝，会员信息
														</label>
													</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" ng-click="syncMember()">保 存</button>
											</div>
										</div><!-- /.modal-content -->
									</div><!-- /.modal -->
								</div>
							</div>
						</th>
					</tr>
					{loop $fans_list $fan}
					<tr>
						<td>
							<div class="we7-form">
								<input id='option[{$fan['fanid']}]' type="checkbox" we7-check-all="1" class="openid" name='openid[]' value="{$fan['openid']}"/>
								<label for="option[{$fan['fanid']}]"> </label>
							</div>
						</td>
						<td style="overflow-x: hidden;">
							<a href="{php echo url('mc/chats', array('openid' => $fan['openid']))}" target="_blank" class="avatar">
								<img src="{php echo tomedia($fan['tag']['headimgurl'])}" width="48" />
							</a>
						</td>
						<td>
							<p><a href="{php echo url('mc/chats', array('openid' => $fan['openid']))}" target="_blank" class="nick-name" data-fanid="{$fan['fanid']}" data-group="{$fan['groupid']}">{$fan['nickname']}</a></p>
							{if !empty($fan['uid'])}
							<p class="remark-name"><a href="{php echo url('mc/member/base_information', array('uid' => $fan['uid']));}">
								{if !empty($fan['member']['realname'])}
									{$fan['member']['realname']}
								{else}
									{$fan['uid']}
								{/if}
							</a> {if !empty($fan['member']['mobile'])}<i class="wi wi-iphone fans-tel"></i>{/if}</p>
							{/if}
							<div class="fans-tag-area">
								<span class="tag-list get-fans-tag js-group" data-id="{$fan['fanid']}" data-show='popover'>
									{loop $fan['tag_show'] $k $tag_show}
									{if $k == 0 && $tag_show == '无标签'}
									无标签
									{else}
									<a href="javascript:;" class="label label-primary">{$tag_show}</a>
									{/if}
									{/loop}
									<span class="tag-btn put-group" >
										<i class="caret"></i>
									</span>
								</span>

							</div>
						</td>
						<td class="text-right">
							<div class="send-message">
								{if empty($fan['uid'])}
								<a href="javascript:;" class="color-default" data-toggle="modal" data-target="#register_member" ng-click="registerMember('{$fan['openid']}')">注册为会员</a>
								{/if}
								<a  href="{php echo url('mc/chats', array('openid' => $fan['openid']))}" target="_blank" class="color-default">
									发送消息<span class="wi wi-angle-right"></span>
								</a>
							</div>
							{if empty($fan['follow'])}
							<p>取消关注：{if $fan['unfollowtime'] == 0}无{else}{php echo date('Y-m-d H:i:s', $fan['unfollowtime'])}{/if}
							{else}
							<p>关注：{php echo date('Y-m-d H:i:s', $fan['followtime'])}</p>
							{/if}
						</td>
					</tr>
					{/loop}
				</table>
			</div>
		</div>
	</div>
	<input type="hidden" name="fanid"  />
	<div class="fans-group-list">
		<dl>
			<dt class="fans-group-item">
				<a href="{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => 0))}">全部用户（{$fans['total']}）</a>
			</dt>
			{loop $fans_tag $tag_info}
			<dd class="fans-group-item {if $tag == $tag_info['id']}active{/if}">
				<a href="{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => $tag_info['id']))}">{$tag_info['name']}（{$tag_info['count']}）</a>
			</dd>
			{/loop}
		</dl>
	</div>

	<div class="modal fade" id="register_member" tabindex="1" role="dialog" aria-labelledby="myModalLabel">
		<div class="we7-modal-dialog modal-dialog we7-form" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="address-add">注册为会员</h4>
				</div>
				<div class="modal-body">
						<div class="form-group">
							<label class="col-sm-2 control-label">新密码</label>
							<div class="col-sm-9 col-xs-12">
								<input class="form-control" type="password" ng-model="register.password">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">确认密码</label>
							<div class="col-sm-9 col-xs-12">
								<input class="form-control" type="password" ng-model="register.repassword">
							</div>
						</div>
						<input class="form-control" type="hidden" ng-model="register.openid">
						<div class="modal-footer">
							<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="register()">注册</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<div class="popover-edit-group" style="display: none;">
		<div class="input-group" style="width: 250px;">
			<p>标签名称</p>
			<input name="edittag" value="" class="form-control" placeholder="分组名称" type="text">
		</div>
		<div class="popover-btn we7-margin-top-sm">
			<a href="javascript:;" class="btn btn-primary we7-margin-right-sm" onclick="editTagName()">确定</a>
			<a href="javascript:;"  class="btn btn-default popover-hide">取消</a>
		</div>
	</div>

	<div class="popover-del-group" style="display: none;">
		<div class="input-group" style="width: 250px;">
			<p>删除标签后，该标签下的所有用户将失去该标签属性。是否确定删除？</p>
		</div>
		<div class="popover-btn we7-margin-top-sm">
			<a href="javascript:;" class="btn btn-primary we7-margin-right-sm" onclick="delTag()">确定</a>
			<a href="javascript:;"  class="btn btn-default popover-hide">取消</a>
		</div>
	</div>
	<div class="popover-group-list" >

	</div>
	<div class="text-right we7-margin-top">
		{$pager}
	</div>
</div>

<script>
	$("[data-show='popover']").on('show.bs.popover', function () {
		$("[aria-describedby]").click();
	});
	$(function(){
		var uid = '';
		$(".add-group").popover({
			placement : 'bottom',
			html : true,
			template : '<div class="popover we7-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
			content : $('.popover-add-group').html(),
		});
		$(".edit-group").popover({
			placement : 'bottom',
			html : true,
			template : '<div class="popover we7-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
			content : $('.popover-edit-group').html(),
		});
		$(".fans-group-del").popover({
			placement : 'bottom',
			html : true,
			template : '<div class="popover we7-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
			content : $('.popover-del-group').html(),
		});

		$(".put-group").popover({
			placement : 'bottom',
			html : true,
			template : '<div class="popover we7-popover" role="tooltip" data-show="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content" ></div></div>',
			content : '' +
			'<div class="we7-form">' +
				'<div class="form-group row">'+
					{loop $fans_tag $tags}
					'<div class="col-sm-4" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"><input id="option{$tags['id']}" data-tag="{$tags['id']}" type="checkbox" name="tagname" value="{$tags['id']}" />' +
					'<label for="option{$tags['id']}">{$tags['name']} </label>' +
					'</div>' +
					{/loop}
				'</div>' +
			'</div>' +
			'<div class="popover-btn we7-margin-top-sm">' +
			'<a href="javascript:;" class="btn btn-primary we7-margin-right-sm" onclick="editFansTag()">确定</a>' +
			'<a href="javascript:;"  class="btn btn-default popover-hide">取消</a>' +
			'</div>',
		});

		$(".batch-group").popover({
			placement : 'bottom',
			html : true,
			template : '<div class="popover we7-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
			content : '' +
			'<div class="we7-form">' +
			'<div class="form-group">'+
			{loop $fans_tag $tags}
			'<input id="option{$tags['id']}" data-tag="{$tags['id']}" type="checkbox" name="tagname" value="{$tags['id']}" />' +
					'<label for="option{$tags['id']}">{$tags['name']} </label>' +
			{/loop}
		'</div>' +
		'</div>' +
		'<div class="popover-btn we7-margin-top-sm">' +
		'<a href="javascript:;" class="btn btn-primary we7-margin-right-sm" onclick="batchEditFansTag()">确定</a>' +
		'<a href="javascript:;"  class="btn btn-default popover-hide">取消</a>' +
		'</div>',
		});
		$('body').on('click', '.popover-hide', function(){
			$("[data-show='popover']").popover('hide');
		});
	});
	$('.get-fans-tag').click(function() {
	 fanid = $(this).data('id');
	 groupid = $('[data-fanid="'+fanid+'"]').data('group');
	 group = [];
	 groupid = groupid.toString();
	 group = groupid.split(',');
	 $('.check-tag').attr('checked', '');
	 for (var i = 0; i < group.length; i++) {
		$('[data-tag="'+group[i]+'"]').attr("checked",'checked');
	 }
	$('[name="fanid"]').val(fanid);
	 });

	batchEditFansTag = function() {
		$("[data-show='popover']").popover('hide');
		openids = $('.openid');
		openid = [];
		for(k in openids) {
			if (openids[k].checked) {
				openid.push(openids[k].value);
			}
		}
		tags = $('[name="tagname"]:checked');
		checktags = [];
		for(k in tags) {
			if (tags[k].checked) {
				checktags.push(tags[k].value);
			}
		}
		if (checktags.length > 3) {
			util.message('每个粉丝最多打3个标签', '', 'info');
			return false;
		}
		if (openid.length < 1) {
			util.message('请选择粉丝', '', 'info');
			return false;
		}
		if (checktags.length < 1) {
			util.message('请选择标签', '', 'info');
			return false;
		}
		$.post("{php echo url('mc/fans/batch_edit_fans_tag')}", {'openid' : openid, 'tag' : checktags}, function(data) {
			data = $.parseJSON(data);
			if (data.message.errno == 0) {
				util.message('修改成功', "{php echo url('mc/fans')}", 'success');
			} else {
				util.message(data.message.message.message, '', 'info');
			}
		});
	}

	editFansTag = function() {
		$("[data-show='popover']").popover('hide');
		tags = $('[name="tagname"]:checked');
		checktags = [];
		for(k in tags) {
			if (tags[k].checked) {
				checktags.push(tags[k].value);
			}
		}
		fanid = $('[name="fanid"]').val();
		$.post("{php echo url('mc/fans/edit_fans_tag')}", {'tags' : checktags, 'fanid' : fanid}, function(data) {
			data = $.parseJSON(data);
			if (data.message.errno == 0) {
				util.message('设置成功', "{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => $tag, 'page' => $pageindex, 'search_mod' => $search_mod))}", 'success');
			} else {
				util.message(data.message.message, "", 'info');
			}
		});
	}

	editTagName = function() {
		$("[data-show='popover']").popover('hide');
		tag = "{$fans_tag[$tag]['id']}";
		tag_name = $('[name="edittag"]').val();
		$.post("{php echo url('mc/fans/edit_tagname')}", {'tag' : tag, 'tag_name' : tag_name}, function(data) {
			data = $.parseJSON(data);
			if (data.message.errno == 0){
				util.message('修改成功', "{php echo url('mc/fans')}", 'success');
			} else {
				util.message(data.message.message, '', 'info');
			}
		});
	}

	delTag = function() {
		$("[data-show='popover']").popover('hide');
		tag = "{$fans_tag[$tag]['id']}";
		$.post("{php echo url('mc/fans/del_tag')}", {'tag' : tag}, function(data) {
			data = $.parseJSON(data);
			if (data.message.errno == 0) {
				util.message('删除成功', "{php echo url('mc/fans')}", 'success');
			} else {
				util.message(data.message.message, "", 'info');
			}
		});
		$("[data-show='popover']").popover('hide');
	};
	addTag = function() {
		$("[data-show='popover']").popover('hide');
		tag = $('[name="addtag"]').val();
		$.post("{php echo url('mc/fans/add_tag')}", {'tag' : tag}, function(data) {
			data = $.parseJSON(data);
			if (data.message.errno != 0) {
				util.message(data.message.message, '', 'info');
				return false;
			} else {
				util.message('添加成功', "{php echo url('mc/fans', array('follow' => $follow, 'nickname' => $nickname, 'tag' => $tag, 'page' => $pageindex, 'search_mod' => $search_mod))}", 'ajax');
				return false;
			}
		});
	}


	window.onbeforeunload = function(e) {
		if(running) {
			return (e || window.event).returnValue = '正在进行微信素材数据同步，确定离开页面吗.';
		}
	}
	angular.module('fansApp').value('config', {
		'addTagUrl' : "{php echo url('mc/fans/add_tag')}",
		'syncAllUrl' : "{php echo url('mc/fans/download_fans')}",
		'syncUrl' : "{php echo url('mc/fans/sync')}",
		'syncMember' : "{php echo url('mc/fans/sync_member')}",
		'msgUrl' : "{php echo url('mc/fans')}",
		'searchMod' : "{$search_mod}",
		'registerUrl' : "{php echo url('mc/fans/register')}"
	});
	angular.bootstrap($('#main'), ['fansApp']);
</script>
{/if}
{template 'common/footer'}