?<%@ Page Language="C#" MasterPageFile="~/Admin/Default.Master" AutoEventWireup="true"
	CodeBehind="EditRole.aspx.cs" Inherits="Agile.OA.Web.Admin.EditRole" %>

<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">

	<script type="text/javascript">
	$(
		function()
		{
			$("#TogglePane").initTogglePane(
				{
					headerClassClosed: "TogglePaneHeaderClosed"
				});
			
			$("#Users").agileTable(
				{
					target: "<%= this.Ids.ClientID %>"
				});
			
			$("#Users").tableHover(
				{
					rowClass: "Hover"
				});
		});
	</script>

	<div id="TogglePane">
		<div>
			<div class="TogglePaneHeader">
				基本信息
			</div>
			<div class="TogglePaneContent">
				<table class="Container">
					<tr>
						<td colspan="2">
							<asp:HiddenField ID="Id" runat="server" />
						</td>
					</tr>
					<tr>
						<td class="Name">
							名 稱：
						</td>
						<td class="Value">
							<asp:TextBox ID="Name" runat="server" CssClass="{required: true}" MaxLength="20"
								ToolTip="請輸入名稱"></asp:TextBox>
							<asp:CustomValidator ID="NameValidator" runat="server" ControlToValidate="Name" Display="Dynamic"
								ErrorMessage="此名稱已存在" SetFocusOnError="True" OnServerValidate="Name_ServerValidate"></asp:CustomValidator>
						</td>
					</tr>
					<tr>
						<td class="Name">
							描 述：
						</td>
						<td class="Value">
							<asp:TextBox ID="Description" runat="server" SkinID="Description" MaxLength="100"
								TextMode="MultiLine"></asp:TextBox>
						</td>
					</tr>
					<tr>
						<td class="Bottom" colspan="2">
							<asp:Button ID="Save" runat="server" Text="保 存" OnClientClick="return validateSave();"
								OnClick="Save_Click" />&nbsp;&nbsp;&nbsp;
							<asp:Button ID="SaveAdd" runat="server" Text="保存增加" OnClientClick="return validateSave();"
								OnClick="SaveAdd_Click" />
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div>
			<div class="TogglePaneHeader">
				用戶列表
			</div>
			<div class="TogglePaneContent">
				<table class="Container">
					<tr>
						<td class="Top">
							<asp:Button ID="Add" runat="server" Text="增 加" OnClientClick="return validateAdd('ChooseUser.aspx');"
								OnClick="Add_Click" />&nbsp;&nbsp;&nbsp;
							<asp:Button ID="Delete" runat="server" Text="刪 除" OnClientClick="return validateDelete('用戶');"
								OnClick="Delete_Click" />&nbsp;&nbsp;&nbsp;
						</td>
					</tr>
					<tr>
						<td>
							<asp:ListView ID="Users" runat="server" ItemPlaceholderID="ItemContainer">
								<LayoutTemplate>
									<table id="Users" class="List">
										<thead>
											<tr>
												<th class="Choose">
													<input id="Header" type="checkbox" />
												</th>
												<th>
													名 稱
												</th>
												<th>
													昵 稱
												</th>
												<th>
													描 述
												</th>
												<th>
													性 別
												</th>
												<th>
													電子郵件
												</th>
												<th>
													職 務
												</th>
												<th>
													部 門
												</th>
											</tr>
										</thead>
										<tbody id="ItemContainer" runat="server">
										</tbody>
									</table>
								</LayoutTemplate>
								<ItemTemplate>
									<tr>
										<td>
											<input id="Item" type="checkbox" title="<%# Eval("Id") %>" />
										</td>
										<td>
											<%# Eval("Name") %>
										</td>
										<td>
											<%# Eval("Nickname") %>
										</td>
										<td>
											<%# Eval("Description") %>
										</td>
										<td>
											<%# Eval("Sex") %>
										</td>
										<td>
											<%# Eval("Email") %>
										</td>
										<td>
											<%# Eval("Duty") %>
										</td>
										<td>
											<%# Eval("Department.Name") %>
										</td>
									</tr>
								</ItemTemplate>
								<EmptyDataTemplate>
									<table id="Users" class="List">
										<thead>
											<tr>
												<th class="Choose">
												</th>
												<th>
													名 稱
												</th>
												<th>
													昵 稱
												</th>
												<th>
													描 述
												</th>
												<th>
													性 別
												</th>
												<th>
													電子郵件
												</th>
												<th>
													職 務
												</th>
												<th>
													部 門
												</th>
											</tr>
										</thead>
									</table>
								</EmptyDataTemplate>
							</asp:ListView>
							<asp:HiddenField ID="Ids" runat="server" />
						</td>
					</tr>
					<tr>
						<td>
							<agile:Pager ID="Pager" runat="server" OnPageIndexChanged="Pager_PageIndexChanged" />
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</asp:Content>