form-group.html #2

<form method="POST" action="/create/depot" class="form-horizontal" id="newDepot" role="form">
	<div class="row">
		<div class="col-xs-12">
			<div class="input-group">
				<input type="hidden" name="type" class="form-control" value="${type.getId()}"></input>
			</div>
			
			<div class="input-group">
				<input type="hidden" name="site" class="form-control" value="${site.getId()}"></input>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Depot ID</span> <input type="text" name="depotID" class="form-control"></input>
				</div>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Repository Name</span> <input type="text" name="titleID" class="form-control"></input>
				</div>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Repository Description</span>
					<textarea type="text" name="description" class="form-control"></textarea>
				</div>
			</div>

		</div>
	</div>

	<div class="row">
		<div class="col-xs-6 left">
			<div class="panel panel-default">
				<div class="panel-heading">Sources</div>

				<ul class="list-group source connected">
					<li class="list-group-item">Alfa Romeo</li>
					<li class="list-group-item">Audi</li>
					<li class="list-group-item">BMW</li>
				</ul>
			</div>
		</div>
		<div class="col-xs-6 right">
			<div class="panel panel-default">
				<div class="panel-heading">Group</div>

				<ul class="list-group target connected">
					<li class="list-group-item">Mini</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div class="input-group">
		<input type="hidden" name="list[]" id="draglist" class="form-control"></input>
	</div>
			
	<div class="row">
		<div class="col-xs-6">
			<div class="form-group">
				<button type="submit" class="btn btn-success" id="createRepo">
					<span>Create repository</span>
				</button>
			</div>
		</div>
	</div>
</form>