<!--S:Main-->

	<div class="seriously"> 
		<p>The full functionality of this CMS is almost impossible to achieve on less than 1000px browser width.</p>

		<p>A mobile-friendly basic interface is on the way.	</p>
	</div>

	<div class="editor-main">
		{TABS}

		<div>
					{LAYOUT}
		</div>


		<div class="row editor-holder" data-url="{RETURN}">
			<div class="col-md-3 editor-widgets-holder">
				<div class="n_affix">
					{WIDGETS}
				</div>
			</div>
			<div class="col-md-9">

				<div class="layout-blocks">
					{COLUMNS}
				</div>
			</div>
		</div>

	  <script src="assets/js/forms.layout-editor.js"></script>
	</div>

<!--E:Main-->


<!--S:Columns-->
	<div class="row editor-columns" data-layout="{ID}">
		{COLUMNS}
	</div>
<!--E:Columns-->

<!--S:Column-->
		<div class="col-md-{SIZE} editor-column" data-column="{ID}" data-widgets="{WIDGETS}">{DATA}</div>
<!--E:Column-->


<!--S:WidgetsGroup-->

	<div class="widgets-filter-holder">
		<select class="select" name="filter" id="widgets-filter" style="width: 100%">
			<option value="*">show all available widgets</option>
			<option value=".widget-type-0">System Widgets</option>
			{OPTIONS}
		</select>

		<div class="keywords">
			<input type="textbox" placeholder="Widget Name..." name="q" id="widget-filter-name"/>
			<button><span class="icon sign-search"></span></button>
		</div>
	</div>

	<div class="editor-widgets-scroller">


		<ul class="editor-widgets isotope">
			<li class="editor-widget-holder widget-type-0 widget-system">
				<div data-id="-1" id="editor-widget-id--1" class="editor-widget">	
					<b>Module Content</b>
					<div class='editor-widget-drag'></div>
				</div>
			</li>
			{DATA}
		</ul>
	</div>

	<div class="clear"></div>
<!--E:WidgetsGroup-->

<!--S:WidgetsElement-->
			<li class="editor-widget-holder widget-type-{WIDGET_MODULE}">
				<div data-id="{WIDGET_ID}" id="editor-widget-id-{WIDGET_ID}" class="editor-widget ">	
					<b>{MODULE_NAME} : {WIDGET_TYPE_NAME}</b><br><i>"{SHORT_NAME}"</i>
					<div class='editor-widget-drag'></div>
				</div>
			</li>
<!--E:WidgetsElement-->

<!--S:WidgetsEmpty-->

<!--E:WidgetsEmpty-->


<!--S:ColumnWidgets-->
	<div class="editor-column-widgets"></div>
<!--E:ColumnWidgets-->


<!--S:Info-->
	<style>
		.editor-info{
			padding-bottom: 0px;
			padding-top: 5px;
		}

		.editor-info.last{
			padding-bottom: 10px;
		}
	</style>
	<div>


		<p class="editor-info"><b>Based on : Widget Type</b><br>
		<i>"Widget Name"</i>
		</p>

		<p class="editor-info last" >NOTE: the <i>"widget name"</i> is the one you gave to the widget and what gets displayed on the frontend.</p>

		
		</p>
	</div>
<!--E:Info-->