<template id="${this.nameRoot}" is="x-${lower(this.nameRoot)}">

	<div class="$-{this.cssClasses}" id="$-{this.viewId}">
		<div class="model fullHeight">
			<div class="panel panel-default fullHeight">
				<div class="panel-heading">
					$-{this.heading}
				</div>
				<div class="panel-body">
					$-{this.content}
				</div>
				<div class="panel-footer">
					$-{this.footer} 
					<div class="alert alert-warning alert-dismissable info-box error hidden" data-structr-dialog="error">
						<button class="close" type="button" data-dismiss="alert">×</button>
					</div>
					<div class="alert alert-success alert-dismissable info-box success hidden" data-structr-dialog="success">
						<button class="close" type="button" data-dismiss="alert">×</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</template>

