<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox-content">
					<form class="form-horizontal m-t" id="signupForm">
						<input id="firstCategory" name="firstCategory" type="hidden"
								th:value="${firstCategory}"/>
						<input id="secondCategory" name="secondCategory" type="hidden"
								th:value="${secondCategory}"/>
                        <div class="form-group">
							<label class="col-sm-3 control-label">包名：</label>
							<div class="col-sm-8">
								<input id="packageName" name="packageName" class="form-control"
									type="text" th:value="${tag.packageName}" readonly>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">应用名称：</label>
							<div class="col-sm-8">
								<input id="appName" name="appName" class="form-control"
									type="text" th:value="${tag.appName}" readonly>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">App 商店链接：</label>
							<div class="col-sm-8">
								<a id="url" name="url" th:href="${tag.url}" target="_blank">
									<span th:text="${tag.url}"></span>
								</a>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">商店类别：</label>
							<div class="col-sm-8">
								<input id="category" name="category" class="form-control"
									type="text" th:value="${tag.category}" readonly>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">类别标签：</label>
							<div class="col-sm-8">
								<select id="categoryCode" name="categoryCode" multiple="multiple">
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">规则标签：</label>
							<div class="col-sm-8">
								<select id="ruleCode" name="ruleCode" multiple="multiple">
								  	<option th:each="iter:${rule}" th:value="${iter.firstId}" th:text="${iter.firstTag}"></option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">风格标签：</label>
							<div class="col-sm-8">
								<select id="styleCode" name="styleCode" multiple="multiple">
								  <option th:each="iter:${style}" th:value="${iter.firstId}" th:text="${iter.firstTag}"></option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">主题标签：</label>
							<div class="col-sm-8">
								<select id="themeCode" name="themeCode" multiple="multiple">
								  <option th:each="iter:${theme}" th:value="${iter.firstId}" th:text="${iter.firstTag}"></option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-8 col-sm-offset-3">
								<button type="submit" class="btn btn-primary">提交</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript">
		$('#categoryCode').multiselect({
			nonSelectedText: '请选择标签！'
		});
		$('#ruleCode').multiselect({
       		nonSelectedText: '请选择标签！',
        	maxHeight: 350,
        	enableFiltering: true,
        	numberDisplayed: 3
		});
		$('#styleCode').multiselect({
       		nonSelectedText: '请选择标签！',
        	maxHeight: 350,
        	enableFiltering: true,
        	numberDisplayed: 3
		});
		$('#themeCode').multiselect({
       		nonSelectedText: '请选择标签！',
        	maxHeight: 350,
        	enableFiltering: true,
        	numberDisplayed: 3
		});
	</script>
	<script type="text/javascript" src="/js/appjs/tag/edit.js">
	</script>
</body>
</html>
