<template id="${this.nameRoot}">
	<!--
		<div id="bootstrap-support">
			<link href="/maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?1" rel="stylesheet">
			<link href="/maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css?1" rel="stylesheet">
			<script src="/maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
		</div>
	-->
	<div class="$-{this.cssClasses}" id="$-{this.id}">
		<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>

