<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>汎用CSV登録</title>
<link rel="stylesheet" href="view/css/import.css" />
</head>

<body>
<header>
	<nav></nav>
	<section></section>
</header>
<main>
	<header>
		<h3>項目定義編集</h3>
		<div id="topMessage">${MESSAGE}</div>
	</header>
	<form id="form" method="post">
	<input type="hidden" name="Version" value="${empty Version ? '1' : Version}" />
	<section>
		<div>
			<dl class="body">
				<dt><label for="defineName">定義名称:</label></dt>
				<dd><input type="text" name="DefineName" id="defineName" maxlength="40" value="${DefineName}" /></dd>
				<dt><label>有効区分:</label></dt>
				<utl:checked var="chk" name="Ykkb" value="1" default="1" />
				<dd>
				<input type="radio" name="Ykkb" value="${chk}" id="ykkb1" />
				<label for="ykkb1">有効</label>
				<utl:checked var="chk" name="Ykkb" value="0" />
				<input type="radio" name="Ykkb" value="${chk}" id="ykkb0" />
				<label for="ykkb0">無効</label>
				</dd>
				<dt><label for="schemaName">接続先名:</label></dt>
				<dd><input type="text" name="SchemaName" id="schemaName" value="${SchemaName}" /></dd>
			</dl>
		</div>
		<div>
			<div>抽出項目</div>
			<dl class="body">
				<dt><label for="tableName">テーブル名:</label></dt>
				<dd><input type="text" name="TableName" id="tableName" /><button type="button" class="add">追加</button></dd>
			</dl>
			<table class="fixborder dnd">
			<thead>
				<tr class="nodrop nodrag">
					<th>
						<br />
					</th>
					<th>
						タイトル
					</th>
					<th>
						項目名称
					</th>
					<th width="10px">
						<br />
					</th>
				</tr>
			</thead>
			<c:forEach items="${band.TitleName}" var="bind">
			<tbody>
				<tr>
					<td>
						<button type="button" class="remove">削除</button>
					</td>
					<td>
						<input type="text" name="TitleName" maxlength="40" value="${bind.TitleName}" style="width:300px" />
					</td>
					<td>
						<input type="text" name="ItemName" maxlength="40" value="${bind.ItemName}" />
					</td>
					<td>
						<br />
					</td>
				</tr>
			</tbody>
			</c:forEach>
			</table>
		</div>
		<div>
			<div><label for="queryFrom">クエリ</label></div>
			<textarea name="QueryFrom" id="queryFrom" class="resizable" cols="80" rows="15">${QueryFrom}</textarea>
		</div>
	</section>
	<aside>
	</aside>
	<footer>
		<button type="button" class="append">抽出項目追加</button>
		<button type="button" class="test">クエリテスト</button>
		<button type="button" class="register">登録</button>
	</footer>
	</form>
</main>
<footer>
	<nav>
	</nav>
	<section>
	</section>
</footer>

<script src="view/js/jquery.min.js"></script>
<script src="view/js/jquery.tablednd.js"></script>
<script src="view/js/opt/jquery.textarearesizer.min.js"></script>
<script src="view/js/submit.js"></script>
<script src="view/js/csv/define.js"></script>
</body>
</html>
