{$layout}

<div class="left-right-box-container">
	{$template "/left_menu_top"}

	<div class="right-box without-tabbar">
		{$template "../menu"}

		<second-menu>
			<menu-item @click.prevent="createUser">
				<i class="pi pi-pen-to-square"></i>
				创建用户
			</menu-item>
			<menu-item><tip-icon content="这里管理用于申请免费证书的用户信息"></tip-icon></menu-item>
		</second-menu>

		<b-empty v-if="users.length == 0">暂时还没有用户。</b-empty>

		<table class="ui table selectable" v-if="users.length > 0">
			<thead>
				<tr>
					<th>用户Email</th>
					<th>备注</th>
					<th class="two op">操作</th>
				</tr>
			</thead>
			<tr v-for="user in users">
				<td>
									<a href="" @click.prevent="updateUser(user.id)">{{user.email}} <i class="icon expand small"></i></a>
									<div>
											<grey-label v-if="user.provider != null">{{user.provider.name}}</grey-label>
											<grey-label v-if="user.account != null">{{user.account.name}}</grey-label>
									</div>
							</td>
				<td>
					<span v-if="user.description.length > 0">{{user.description}}</span>
					<span v-else class="disabled">-</span>
				</td>
				<td>
					<a href="" @click.prevent="updateUser(user.id)">修改</a> &nbsp;
					<a href="" @click.prevent="deleteUser(user.id)">删除</a>
				</td>
			</tr>
		</table>

		<div class="page" v-html="filterPageContent(page)"></div>
	</div>
</div>