<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
		<script type="text/javascript" src="/media/js/w3d.common.js"></script>
		<script type="text/javascript" src="/media/js/css_browser_selector.js"></script>
		<script type="text/javascript" src="/media/js/w3d.manager.clientgroup.js"></script>
		<link rel='stylesheet' href='/media/css/pages/manager.css' />
	</head>
	<body>
		<div class='managerWrapper'>
			<div class='managerTab'>
				<ul class='tabList'>
					<a href='/manager/product'>
						<li class='menu'>製品</li>
					</a>
					<a href='/manager/fabric'>
						<li class='menu'>織物</li>
					</a>
					<a href='/manager/user'>
						<li class='menu'>ユーザー</li>
					</a>
					<li class='menu selected'>お客様 Group</li>
					<a href='/manager/simulation'>
						<li class='menu'>Simulation</li>
					</a>
					<li class='loginInfo'>
						<span>{{ user.username }}</span>
						<a href='/' class='viewer'>Viewer</a>
						<a href='/logout' class='logout'>Logout</a>
					</li>
				</ul>
			</div>
			<div class='managerContent' id='client_group_page'>
				<div class='clientGroupForm'>
					<div class='clientGroupList'>
						<label class='top bold'>特定 Group リスト</label>
						<select class='listBox' size='2'>
							<!--
							<option value='관리자' selected='selected'>admin</option>
							<option value='손님'>guest</option>
							<option value='업로더'>uploader</option>
							<option value='일반사용자'>user</option>
							-->
						</select>
						<input type='text' class='clientGroupName' autocomplete='off'/>
						<div class='clientGroup_functions'>
							<div class='manager_button clientGroupFunc create'>作る</div>
							<div class='manager_button clientGroupFunc modify'>修正する</div>
							<div class='manager_button clientGroupFunc delete right_end'>削除</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type='text/javascript'>
			$(function() {
				w3d.manager.clientgroup.initManageClientGroup();
			});
		</script>
	</body>
</html>