<!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.user.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>
					<li class='menu selected'>ユーザー</li>
					<a href='/manager/clientgroup'>
						<li class='menu'>お客様 Group</li>
					</a>
					<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='user_page'>
				<div class='userForm'>
					<div class='userList'>
						<label class='top bold'>ユーザー リスト</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>
					</div>
					<div class='userInformation'>
						<label class='top bold'>ユーザー 情報</label>
						<div class='userInfoViewr'>
							<div class='line'>
								<label for='inp_userName'>ID</label>
								<input type='text' class='text' id='inp_userName'/>
							</div>
							<div class='line'>
								<label for='inp_userPassword'>Password</label>
								<input type='password' class='text' id='inp_userPassword'/>
							</div>
							<div class='line'>
								<label for='inp_profileName'>名前</label>
								<input type='text' class='text' id='inp_profileName'/>
							</div>
							<div class='line'>
								<label for='inp_userFabrics'>Upload Limit</label>
								<input type='text' class='num' id='inp_userFabrics'/>
							</div>
							<div class='line permission'>
								<label for='permRadios'>権限</label>
								<div id='permRadios'>
									<input type='radio' class='radio' name='type' id='rdo_user' value='1'/>
									<label for='rdo_user'>Normal</label><br/>
									<input type='radio' class='radio' name='type' id='rdo_uploader' value='2'/>
									<label for='rdo_uploader'>Uploader</label><br/>
									<input type='radio' class='radio' name='type' id='rdo_admin' value='3'/>
									<label for='rdo_admin'>Administrator</label>
								</div>
							</div>
							<div class='line'>
								<label for='sl_clientGroup'>特定 Group</label>
								<select id='sl_clientGroup'>
									<option value='0'>(None)</option>
									{% for clientGroup in clientGroupList %}
										<option value='{{ clientGroup.id }}'>{{ clientGroup.name }}</option>
									{% endfor %}
								</select>
							</div>
						</div>
						<div class='functions'>
							<div class='manager_button userFunc create'>作る</div>
							<div class='manager_button userFunc modify'>修正する</div>
							<div class='manager_button userFunc delete right_end'>削除</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type='text/javascript'>
			$(function() {
				w3d.manager.user.initManageUser();
			});
		</script>
	</body>
</html>