#if ($layerParams)
	#set ($layerId = $layerParams.get("id"))
#else
	#set ($layerId = "0")
#end
#if ($isMenu)
	#if ($allowStructure)
		#featureTour("panel-layer", "", true)
	#else
		#featureTour("menu-layer", "", true)
	#end
#else
	#featureTour("content-layer", "", true)
#end

<div id="brikit-layer-$layerId" class="brikit-designer-layer" data-content-layer="$layerId" data-id="$layerId" data-element-type="layer">

	#if ($allowLayerDesign)
		#designerFieldSetOpen("Handling" "layer-handling-field-set-expander")
			#if ($isLayout && !$isFrame)
				#pageElementSelectField("Placement"	"layer"	"position"	["merge", "top", "bottom", "ignore"] false $layerParams)
			#end
			#pageElementTextField("CSS Class" 	"layer" "class" "reload-page"	$layerParams)
			#pageElementTextField("Name" 		"layer" "name"	"reload-page"	$layerParams)
		#designerFieldSetClose

		#if (!$isMenu && !$isFooter && !$usingFrame)
			#designerFieldSetOpen("Size" "layer-size-field-set-expander")
				#boxOptionMacroParameters("layer" $layerParams "reload-page")
			#designerFieldSetClose

			#if ($isHeader)
				#set ($reloadPage = "reload-page")
			#else
				#set ($reloadPage = false)
			#end
			#designerFieldSetOpen("Background" "layer-background-field-set-expander")
				#backgroundOptionMacroParameters("layer"	true	$layerParams	false	$reloadPage)
			#designerFieldSetClose

			#designerFieldSetOpen("Border" "layer-border-field-set-expander")
				#borderOptionMacroParameters("layer" false false $layerParams false $reloadPage)
			#designerFieldSetClose
			<br />
		#end

		#if (!$usingFrame)
			#designerFieldSetOpen("Content Container")
	
			 	<div class="brikit-designer-layer-container" data-content-layer="$layerId" data-id="$layerId" data-element-type="layer" data-container=".brikit-content-layer-container">

					#if ($isMenu || $isHeader || $isFooter)
						#set ($reloadPage = "reload-page")
					#else
						#set ($reloadPage = false)
					#end
					
					#if ($isMenu)
						#pageElementSelectField("Position" "layer-container" "position" ["relative", "centered"] false $layerParams true)
					#end

					<h5>Size</h5>
					#if ($isMenu)
						#pageElementTextField("Width" 	"layer-container" "width"	$reloadPage	$layerParams true)
					#end
					#pageElementTextField("Padding" "layer-container" "padding"	$reloadPage	$layerParams true)

					<h5>Background</h5>
					#backgroundOptionMacroParameters("layer-container" true $layerParams true $reloadPage)

					<h5>Border</h5>
					#borderOptionMacroParameters("layer-container" true true $layerParams true $reloadPage)

				</div>
			#designerFieldSetClose

			#if ($allowStructure && $layers.size() > 1)
				<a href="$req.contextPath/plugins/brikit/pages/removelayer.action?pageId=$page.id&layerId=$layerId" class="aui-button aui-button-subtle remove-layer"><span class="aui-icon aui-icon-small aui-iconfont-remove">Remove </span> #if ($isMenu)Panel Layer#{else}Layer#end</a>
			#end

			<a href="$req.contextPath/plugins/brikit/pages/addcolumn.action?pageId=$page.id&layerId=$layerId" class="aui-button aui-button-subtle add-column from-layer" style="float:right"><span class="aui-icon aui-icon-small aui-iconfont-add">Add Column </span> Column</a>
			<br class="clear" />
			<hr>
		#end
	#end

	#if (!$usingFrame)
		<div class="new-layer">
			##<h5 class="field-set-indent">Add Layer:</h5>
			<fieldset class="group">
				<p class="aui-buttons layer-selector">
				    <button class="aui-button" 	data-layer="1" 			title="One Column" aria-pressed="true"><span class="theme-press-icon theme-press-icon-layer-1 layer-1"></span></button>
				    <button class="aui-button" 	data-layer="2-left" 	title="Side Column Left"><span class="theme-press-icon theme-press-icon-layer-2-left layer-2-left"></span></button>
				    <button class="aui-button" 	data-layer="2-right"	title="Side Column Right"><span class="theme-press-icon theme-press-icon-layer-2-right layer-2-right"></span></button>
				    <button class="aui-button" 	data-layer="2" 			title="Two Columns"><span class="theme-press-icon theme-press-icon-layer-2 layer-2"></span></button>
				    <button class="aui-button" 	data-layer="3-main"		title="Two Side Columns"><span class="theme-press-icon theme-press-icon-layer-3-main layer-3-main"></span></button>
				    <button class="aui-button" 	data-layer="3" 			title="Three Columns"><span class="theme-press-icon theme-press-icon-layer-3 layer-3"></span></button>
				    <button class="aui-button" 	data-layer="4" 			title="Four Columns"><span class="theme-press-icon theme-press-icon-layer-4 layer-4"></span></button>
				</p>
				<p class="aui-buttons layer-position">
					#if ($allowStructure)
					    <button class="aui-button before"    title="Inserts Layer Before">Before</button>
					    <button class="aui-button duplicate" title="Copies Layer">Copy</button>
					#end
				    <button class="aui-button after"     title="Inserts Layer After" aria-pressed="true">After</button>
				</p>
				<a href="$req.contextPath/plugins/brikit/pages/addlayer.action?pageId=$page.id&layerId=$layerId&layerType=layer-" class="aui-button aui-button-subtle add-layer"><span class="aui-icon aui-icon-small aui-iconfont-add">Add </span> #if ($isMenu)Panel Layer#{else}Layer#end</a>
				<br class="clear" />
			</fieldset>
		</div>
	#end

</div>