<template id="create-style-modal-template">
	<div class="create-style container style-edit-modal large">
		<div class="modal-content">
			<div class="row modal-header">
				<h1>{{title_create_style_modal}}</h1>
				<p>{{message_create_style_hint}}</p>
			</div>

			<div class="row modal-body">
				<div class="row style-name">
					<div class="col-xs-6 form-group">
						<input name="style-name"
						       type="text"
						       class="form-control"
						       placeholder="{{placeholder_style_name}}" />
						
					</div>
				</div>

				<div class="row boilerplates">
					{{#available_boilerplates}}
						<div class="col-xs-4 preview-item">
							<img src="{{styles_base_path}}boilerplates/{{thumbnail}}"
							     width="230"
							     alt="Style Boilerplate Preview"
							     data-name="{{name}}"
							/>
							<span class="boilerplate-description">{{title}}</span>
						</div>
					{{/available_boilerplates}}
				</div>

				<div class="row control-buttons">
					<button class="btn btn-primary btn-raised pull-right create">{{option_create}}</button>
					<button class="btn btn-primary pull-right cancel">{{option_cancel}}</button>
				</div>
			</div>
		</div>
	</div>
</template>