<template id="my-styles-view-template">
	<div class="my-styles-view">
		<div class="styles-container iscroll-wrapper">
			<div>
				<div class="headline">
					<div class="col-xs-12">
						<h2>{{title_my_styles_view}}</h2>
					</div>
				</div>
				
				<ul class="styles-list">
					{{#availableStyles}}
						<li class="row element withripple {{#isActive}}active selected{{/isActive}}"
						    data-ripple-color="#337AB7">
							
							<div class="col-xs-2 active-icon" data-toggle="dropdown">
								<span class="fa-stack">
									<i class="fa fa-check fa-stack-1x"></i>
									<i class="fa fa-circle-o fa-stack-2x"></i>
								</span>
							</div>
							<div class="col-xs-8 info">
								<div class="name">{{name}}</div>
								<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 activate withripple {{#isActive}}hidden{{/isActive}}" data-ripple-color="#337AB7">{{option_activate}}</li>
								<li class="action edit withripple" data-ripple-color="#337AB7">{{option_edit}}</li>
								<li class="action duplicate withripple" data-ripple-color="#337AB7">{{option_duplicate}}</li>
								<li class="action delete withripple {{#isActive}}hidden{{/isActive}}" data-ripple-color="#337AB7">{{option_delete}}</li>
								<li class="action download withripple" data-ripple-color="#337AB7">{{option_download}}</li>
							</ul>
							
						</li>
					{{/availableStyles}}
				</ul>

				{{^availableStyles}}
					<div class="col-xs-12">
						{{message_no_styles}}
					</div>
				{{/availableStyles}}

				<br />
			</div>
		</div>

		<div class="footer-container">
			<button class="btn btn-primary btn-raised btn-block create-style">{{option_new_style}}</button>
			<button class="btn btn-primary btn-block upload-style">{{option_upload_style}}</button>
			<button class="btn btn-primary btn-block terminate">{{option_terminate}}</button>
		</div>
	</div>
</template>