<form id="labelform" class="form-horizontal">
	<fieldset>
		<div class="control-group">
			<label class="control-label" for="name">Name</label>
			<div class="controls">
				<input class="xlarge" id="name" name="name" type="text" placeholder="Name" required="required" value="{{data.name}}"/>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="desc">Description</label>
			<div class="controls">
				<textarea class="xlarge" name="desc" id="desc" rows="3" placeholder="Description" required="required">{{data.desc}}</textarea>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="tags">Tags</label>
			<div class="controls">
				{{#each tags}}
					<label class="checkbox">
						<input type="checkbox" name="tags" value="{{name}}"{{checked_tag ../data.tags}}/>
						<span>{{desc}}</span>
					</label>
				{{/each}}
			</div>
		</div>
		<div class="form-actions">
			<div class="btn-toolbar">
				<div class="btn-group">
					<button type="submit" class="hide"/>
					<button type="reset" class="hide"/>
					<a id="saveandprint" class="btn btn-primary save"><i class="icon-print"/> Save &amp; print</a>
					<button type="button" data-toggle="dropdown" class="btn btn-primary dropdown-toggle"><span class="caret"/></button>
					<ul class="dropdown-menu">
						<li>
							<a id="justsave"><i class="icon-hdd"/> Save</a>
						</li>
					</ul>
				</div>
				<div class="btn-group">
					<a id="reset" class="btn">Cancel</a>
				</div>
			</div>
		</div>
	</fieldset>
</form>

<h2>Low-res preview <small>(rendered in <span id="rendertime">some</span> ms)</small></h2>

<canvas id="label"/>