{template 'common/header'}
<div class="panel panel-cut" id="js-account-display" ng-controller="webappAccountDisplayCtrl" ng-cloak>
	<div class="panel-heading">
		<span class="panel-heading-left"><i class="wi wi-wechat" style="font-size: 24px; margin-right: 10px; vertical-align:middle;"></i>请选择您要操作的PC</span>
		<div class="font-default pull-right">
			

			
				{if !empty($account_info['webapp_limit']) || $_W['isfounder']}
				<a href="./index.php?c=webapp&a=manage&do=create_display" class="color-default"><i class="fa fa-plus"></i>新增PC</a>
				{/if}
			

			{if $state == ACCOUNT_MANAGE_NAME_FOUNDER || $state == ACCOUNT_MANAGE_NAME_MANAGER}
			<a href="{php echo url('account/manage', array('account_type' => ACCOUNT_TYPE_WEBAPP_NORMAL))}" class="color-default"><i class="wi wi-wechatstatistics"></i>PC管理</a>
			{/if}
		</div>
	</div>
	<div class="panel-body" >
		{if !$_W['isfounder'] && !empty($account_info['webapp_limit'])}
		<div class="alert alert-warning hidden">
			温馨提示：
			<i class="fa fa-info-circle"></i>
			Hi，<span class="text-strong">{$_W['username']}</span>，您所在的会员组： <span class="text-strong">{$account_info['group_name']}</span>，{if !user_is_vice_founder() && !empty($account_info['vice_group_name'])}<span class="text-strong">{$account_info['vice_group_name']}，</span>{/if}
			账号有效期限：<span class="text-strong">{php echo date('Y-m-d', $_W['user']['starttime'])} ~~ {if empty($_W['user']['endtime'])}无限制{else}{php echo date('Y-m-d', $_W['user']['endtime'])}{/if}</span>，
			可创建 <span class="text-strong">{$account_info['maxwebapp']} </span>个PC，已创建<span class="text-strong"> {$account_info['webapp_num']} </span>个，还可创建 <span class="text-strong">{$account_info['webapp_limit']} </span>个PC账号。
		</div>
		{/if}

		{if !empty($pager) || !empty($keyword) || !empty($letter)}
		<div class="cut-header">
			<form action="./index.php" method="get">
				<input type="hidden" name="c" value="webapp">
				<input type="hidden" name="a" value="manage">
				<input type="hidden" name="do" value="list">
				<input type="text" name="letter" ng-model="activeLetter" ng-style="{'display': 'none'}">
				<div class="cut-search">
					<div class="input-group pull-left">
						<input class="form-control" name="keyword" value="{$_GPC['keyword']}" type="text" placeholder="请输入小程序名称" >
						<span class="input-group-btn"><button class="btn btn-default button"><i class="fa fa-search"></i></button></span>
					</div>
				</div>
			</form>
		</div>
		{/if}

		{if !empty($pager) || !empty($letter)}
		<ul class="letters-list cut-wechat-letters">
			<li ng-repeat="letter in alphabet" ng-style="{'background-color': letter == activeLetter ? '#ddd' : 'none'}" ng-class="{'active': letter == activeLetter}" ng-click="searchModule(letter)">
				<a href="javascript:;" ng-bind="letter"></a>
			</li>
		</ul>
		{/if}

		<div class="clearfix"></div>
		<div class="cut-list clearfix">
			<div class="item" ng-repeat="item in list">
				<div class="content">
					<img ng-src="item.logo" class="icon-account" onerror="this.src='./resource/images/nopic-107.png'"/>
					<div class="name" ng-bind="item.name"></div>
					<div class="type">

					</div>
				</div>
				<div class="mask">
					<a ng-href="{{item.switchurl}}" class="entry">
						<div>进入PC <i class="wi wi-angle-right"></i></div>
					</a>
					<!--<a href="javascript:;" class="stick" ng-click="stick(detail.uniacid)" title="置顶">-->
						<!--<i class="wi wi-stick-sign"></i>-->
					<!--</a>-->
					{if !permission_check_account_user('see_user_profile_account_num')}
					<a href="{php echo url('home/welcome/add_welcome', array('uniacid' => $item['uniacid']))}" onclick="return ajaxopen(this.href);" class="home-show" title="添加到首页常用功能">
						<i class="wi wi-eye"></i>
					</a>
					{/if}
				</div>
			</div>
		</div>
		{if count($list)==0 }
		<ul style="text-align:center;width:100%"><span>暂无数据</span></ul>
		{/if}
		<div class="text-right">{$pager}</div>
	</div>
</div>

<script type="text/javascript">
	angular.module('webApp').value('config', {
		'list' : {php echo !empty($list) ? json_encode($list) : 'null'},
		'activeLetter' : {php echo !empty($_GPC['letter']) ? json_encode($_GPC['letter']) : 'null'},
	});
	angular.bootstrap($('#js-account-display'), ['webApp']);
</script>

{template 'common/footer'}