{template 'common/header'}
<ol class="breadcrumb we7-breadcrumb">
	<a href="javascript:history.go(-1);"><i class="wi wi-back-circle"></i> </a>
	<li>权限设置</li>
</ol>
<form class="form-horizontal form we7-form" action="" method="post">
	<div class="alert alert-info">
		<i class="fa fa-exclamation-circle"></i> 默认未勾选任何菜单时，用户拥有全部权限。
	</div>

	<table class="table we7-table table-hover we7-form account-and-wxapp">
	{loop $menus $name $sections}
		{if $sections['section'] && $name == 'account' && in_array($account['type'], array(ACCOUNT_TYPE_OFFCIAL_NORMAL, ACCOUNT_TYPE_OFFCIAL_AUTH))}
			<div class="we7-page-title">{$sections['title']}</div>
			{loop $sections['section'] $section_id $section}
				{if !in_array($section_id, array('platform_module'))}
					<thead>
					<tr class="text-left">
						<th colspan="4" class="text-left">
							<div class="">
								<!-- <input id="check-{$section_id}" type="checkbox"  we7-check-all="1" name="system_{$section_id}" onChange="selectall(this, 'system_{$section_id}')"> -->
								<label for="check-{$section_id}" class=" we7-margin-horizontal-none">{$section['title']}</label>
							</div>
						</th>
					</tr>
					</thead>
					<tbody class="system_{$section_id}">
					{php $i=1;}
					{loop $section['menu'] $menu_id $menu}
						{if $i%4 == 1 || $i == 1}<tr>{/if}
						<td class="text-left vertical-middle" style="overflow:inherit;">
							<div class="dropdown system-select-dropdown">
								<span>
									<input id="check-child-{$menu_id}" type="checkbox" we7-check-all="1" value="{$menu['permission_name']}" {if in_array($menu['permission_name'], $user_menu_permission_account)}checked{/if} name="system[]" autocomplete="off" />
									<label for="check-child-{$menu_id}" class="we7-margin-horizontal-none" data-toggle="tooltip">{$menu['title']}</label>
								</span>
								{if $menu['sub_permission']}
								<ul class="dropdown-menu">
									{loop $menu['sub_permission'] $sub_permission}
									<li class="text-left">
										<input id="check-child-{$sub_permission['permission_name']}"  we7-check-all="1" type="checkbox" value="{$sub_permission['permission_name']}" {if in_array($sub_permission['permission_name'], $user_menu_permission_account)}checked{/if} name="system[]">
										<label class="we7-margin-horizontal-none" for="check-child-{$sub_permission['permission_name']}">
											{$sub_permission['title']}
										</label>
									</li>
									{/loop}
								</ul>
								{/if}
							</div>
							
						</td>
						{if $i%4 == 0}</tr><tr>{/if}
						{php $i++;}
					{/loop}
					{if ($i-1)%4 != 0}
						<?php 
						for ($x=0; $x<4-($i-1)%4; $x++) {
							echo "<td></td>";
						} 
						?>
						</tr>
					{/if}
					</tbody>
				{/if}
			{/loop}
		{/if}
		{if $sections['section'] && $name == 'wxapp' && $account['type'] == ACCOUNT_TYPE_APP_NORMAL}
			<div class="we7-page-title">{$sections['title']}</div>
			{loop $sections['section'] $section_id $section}
				{if !in_array($section_id, array('wxapp_module'))}
					<thead>
					<tr class="text-left">
						<th colspan="4" class="text-left">
							<div class="">
								<!-- <input id="check-{$section_id}" type="checkbox"  we7-check-all="1" name="system_{$section_id}" onChange="selectall(this, 'system_{$section_id}')"> -->
								<label for="check-{$section_id}" class=" we7-margin-horizontal-none">{$section['title']}</label>
							</div>
						</th>
					</tr>
					</thead>
					<tbody class="system_{$section_id}">
					{php $i=1;}
					{loop $section['menu'] $menu_id $menu}
						{if $menu_id == 'front_download'}{php continue;}{/if}
						{if $i%4 == 1 || $i == 1}<tr>{/if}
						<td class="text-left vertical-middle" style="overflow:inherit;">
							<div class="dropdown system-select-dropdown">
								<span>
									<input id="check-child-{$menu_id}" type="checkbox" we7-check-all="1" value="{$menu['permission_name']}" {if in_array($menu['permission_name'], $user_menu_permission_wxapp)}checked{/if} name="wxapp[]" autocomplete="off" />
									<label for="check-child-{$menu_id}" class="we7-margin-horizontal-none" data-toggle="tooltip">{$menu['title']}</label>
								</span>
								{if $menu['sub_permission']}
								<ul class="dropdown-menu">
									{loop $menu['sub_permission'] $sub_permission}
									<li class="text-left">
										<input id="check-child-{$sub_permission['permission_name']}"  we7-check-all="1" type="checkbox" value="{$sub_permission['permission_name']}" {if in_array($menu['permission_name'], $user_menu_permission_wxapp)}checked{/if} name="wxapp[]">
										<label class="we7-margin-horizontal-none" for="check-child-{$sub_permission['permission_name']}">
											{$sub_permission['title']}
										</label>
									</li>
									{/loop}
								</ul>
								{/if}
							</div>
							
						</td>
						{if $i%4 == 0}</tr><tr>{/if}
						{php $i++;}
					{/loop}
					{if ($i-1)%4 != 0}
						<?php 
						for ($x=0; $x<4-($i-1)%4; $x++) {
							echo "<td></td>";
						} 
						?>
						</tr>
					{/if}
					</tbody>
				{/if}
			{/loop}
		{/if}
	{/loop}
	</table>

	{if !empty($module)}
	<table class="table we7-table table-hover vertical-middle we7-form">
		<div class="we7-page-title">应用</div>
		<thead>
			<tr>
				<th colspan="4" class="text-left">
					<div class="">
						<!-- <input type="checkbox"  we7-check-all="1" name="module[]" onChange="selectall(this, 'module_select')"> -->
						<label class=" we7-margin-horizontal-none">应用权限</label>
					</div>
				</th>
			</tr>
		</thead>
		<tbody class="module_select" >
			{php $i=1;}
			{loop $module $k $m}
				{if empty($m['issystem'])}
				{if $i%4 == 1 || $i == 1}<tr>{/if}
					<td  class="text-left vertical-middle" style="overflow:inherit;width:25%">
						<div class="dropdown system-select-dropdown">
							<span class="" data-id="{$k}">
								<input id="check-module-{$k}" type="checkbox" value="{$k}" name="module[]" we7-check-all="1" {if in_array($k, $module_permission_keys)}checked{/if}>
								<label for="check-module-{$k}" title="{$m['title']}">{php echo mb_substr($m['title'], 0, 12, 'utf-8')}</label>
							</span>
							<ul class="dropdown-menu" role="menu">
							</ul>
							<input type="hidden" name="{$k}_select" value="0"/>
						</div>
					</td>
				{if $i%4 == 0}</tr>{/if}
				{php $i++;}
				{/if}
			{/loop}
			{if ($i-1)%4 != 0}
				<?php 
				for ($x=0; $x<4-($i-1)%4; $x++) {
				  echo "<td></td>";
				} 
				?>
				</tr>
			{/if}
		</tbody>
	</table>
	{/if}

	<button type="submit" class="btn btn-primary span3" name="submit" value="提交" onclick="if ($('input:checkbox:checked').size() == 0) {return confirm('您未勾选任何菜单权限，意味着允许用户使用所有功能。确定吗？')}">提交</button>
	<input type="hidden" name="token" value="{$_W['token']}" />
</form>
<script>
$(function(){
	var uniacid = "{$_GPC['uniacid']}";
	var acid = "{$_GPC['acid']}";
	//公众号OR小程序下拉框
	$('.account-and-wxapp .dropdown span').hover(function(){
		$(this).parent().addClass('open').find('.dropdown-menu').show();
		$(this).parent().find('.dropdown-menu').hover(
			function(){$(this).show();$(this).parent().addClass('open')},
			function(){$(this).hide();$(this).parent().removeClass('open');}
		);
	},function(){
		$(this).parent().removeClass('open').find('.dropdown-menu').hide();
	});
	//模块下拉框
	$('.module_select .dropdown span').hover(function(){
		var _this = $(this);
		var m = $(this).attr('data-id');
		var uid = "{$uid}";
		var length = $(this).next().find('li').size();
		if(!length) {
			$.post("{php echo url('account/post-user/module')}", {'m' : m, 'uid' : uid, 'uniacid' : uniacid, 'acid' : acid}, function(data) {
				console.log(data);
				if(!data.message.errno) {
					var li_nums = data.message.message.length;
					var li_checked = 0;
					var li_contents = '';
					var html = '';
					$.each(data.message.message, function(k, v){
						var check = '';
						if (v.checked) {
							check = 'checked';
							li_checked ++;
						}
						html += '<li><a href="javascript:;"><input id="check-moduledetail-'+m+'-'+k+'" we7-check-all="1"  type="checkbox" name="module_'+m+'[]" value="'+ v.permission +'" '+check+'/><label for="check-moduledetail-'+m+'-'+k+'" class="we7-padding-left we7-margin-horizontal-none checkbox-inline">'+ v.title +'</label></a></li>';
					});
					if (li_nums == li_checked) {
						li_contents = '已全选';
					} else {
						li_contents = '已选' + li_checked + '项';
					}
					var _html = '<li><label class="checkbox-inline info">' + li_contents + '</label></li>';
					html = _html + html;
				}
				_this.next().html(html);
			}, 'json');
		}

		$(this).parent().addClass('open').find('.dropdown-menu').show();
		$(this).parent().find('.dropdown-menu').hover(
			function(){$(this).show();$(this).parent().addClass('open')},
			function(){$(this).hide();$(this).parent().removeClass('open');}
		);
	},function(){
		$(this).parent().removeClass('open').find('.dropdown-menu').hide();
	});

	$('.dropdown span :checkbox').click(function(e){
		var _parent = $(this).parents('.dropdown');
		_parent.find('.dropdown-menu :checkbox').prop('checked', $(this).prop('checked'));
		if($(this).prop('checked')) {
			_parent.find('label.info').html('已全选');
			_parent.find('input[type="hidden"]').val(1);
		} else {
			_parent.find('input[type="hidden"]').val(0);
			_parent.find('label.info').html('已选0项');
		}
	});

	$('.dropdown-menu').on('click', ':checkbox', function(){
		if(!$(this).prop('checked')) {
			var i = 0;
			$.each($(this).parents('li').siblings(), function(){
				if($(this).find(':checkbox').prop('checked')) {
					i ++;
				}
			});
			$(this).parents('.dropdown').find('input[type="hidden"]').val(0);
			$(this).parents('.dropdown').find('label.info').html('已选' + i + '项');
			if(!i) {
				$(this).parents('.dropdown').find('span :checkbox').prop('checked', false);
			}
		} else {
			var flag = 0;
			var i = 1;
			$.each($(this).parents('li').siblings(), function(){
				if(!$(this).find(':checkbox').prop('checked')) {
					flag = 1;
				} else {
					i ++;
				}
			});
			if(!flag) {
				$(this).parents('.dropdown').find('label.info').html('已全选');
				$(this).parents('.dropdown').find('input[type="hidden"]').val(1);
			} else {
				$(this).parents('.dropdown').find('label.info').html('已选' + i + '项');
				$(this).parents('.dropdown').find('input[type="hidden"]').val(0);
			}
			$(this).parents('.dropdown').find('span :checkbox').prop('checked', true);
		}
	});
});
//当已经全选时，默认全选按钮选中
$(function() {
	$('.table>tbody').each(function() {
		var a = true;
		$(this).find('input:checkbox').each(function() {
			if($(this)[0].checked != true) {
				a = false;
				return false;
			}
		});
		if(a) $('input[name='+$(this).attr('class')+']:checkbox')[0].checked = true;
	});
});
</script>
{template 'common/footer'}