<template id="edit-style-view-template">
	<div class="edit-style-view">
		<div class="headline active withripple" data-ripple-color="#337AB7">
			<div class="col-xs-10 info" data-toggle="dropdown">
				<h2 class="name">{{name}}</h2>

				<div class="date-status">{{modificationDate}}
					{{#isActive}}
						<span class="status">{{label_active}}</span>
					{{/isActive}}
				</div>
			</div>

			<div class="col-xs-2 dropdown-icon" data-toggle="dropdown">
				<i class="fa fa-caret-down"></i> <i class="fa fa-caret-up"></i>
			</div>

			<ul class="dropdown-menu">
				<li class="action add-custom-css withripple" data-ripple-color="#337AB7">{{option_add_custom_css}}</li>
				{{^isActive}}
					<li class="action activate withripple" data-ripple-color="#337AB7">{{option_activate}}</li>
					<li class="action delete withripple" data-ripple-color="#337AB7">{{option_delete}}</li>
				{{/isActive}}
			</ul>
		</div>

		<div class="edit-options-container iscroll-wrapper">
			<div>
				<br /> <!-- Padding Top Replacement -->

				<div class="filter-box-wrapper">
					<!-- Dynamically populated -->
				</div>
				
				<ul class="edit-options">
					{{#settings}}
						<li class="row option withripple" data-ripple-color="#cfcfcf">
							<!-- Option Bar Elements -->
							<div class="col-xs-1 icon">
								<i class="fa {{icon}}"></i>
							</div>
							<div class="col-xs-9 info">
								<h3 class="name">{{title}}</h3>
							</div>
							<div class="col-xs-2 dropdown-icon">
								<i class="fa fa-caret-right"></i> <i class="fa fa-caret-up"></i>
							</div>
	
							<!-- Option Content Elements -->
							<div class="dropdown-menu">
								{{#entries}}
									<div class="form-group">
										{{{getHtml}}}
									</div>
								{{/entries}}
							</div>
						</li>
					{{/settings}}
				</ul>
				
				<br /> <!-- Padding Bottom Replacement -->
			</div>
		</div>

		<div class="footer-container">
			<button class="btn btn-block btn-primary btn-raised save">{{option_save}}</button>
			<button class="btn btn-block btn-primary preview">{{option_preview}}</button>
			<button class="btn btn-block btn-primary back">{{option_back}}</button>
		</div>
	</div>
</template>