#if ($columnParams)
	#set ($columnId = $columnParams.get("id"))
#else
	#set ($columnId = "0")
#end

#featureTour("content-column", "", true)

<div id="brikit-column-$columnId" class="brikit-designer-column" data-id="$columnId" data-element-type="column">
	
	#if (!$isArchitect)
		#designerFieldSetOpen("Handling" "column-handling-field-set-expander")
			#pageElementTextField("CSS Class" 		"column" 	"class" 			"reload-page"	$columnParams)
			#pageElementTextField("Name" 			"column" 	"name" 				"reload-page"	$columnParams)
			#if (!$usingFrame)
				#pageElementSelectField("Tabbed Blocks"	"column"	"tabbed-blocks"	["", "tabs", "expanders"] "reload-page" $columnParams)
			#end
			#pageElementCheckbox("Alternate Design"	"column"	"alternate-style"	"reload-page"	$columnParams)
			#if (!$usingFrame)
				#pageElementCheckbox("Hide on Mobile"	"column"	"mobile-hide"		"reload-page"	$columnParams)
			#end
		#designerFieldSetClose
	#elseif ($isLayout || $isFrame)
		#designerFieldSetOpen("Handling" "column-handling-field-set-expander")
			#if ($isFrame)
				#pageElementTextField("CSS Class" 		"column" 	"class" 			"reload-page"	$columnParams)
			#end
			#pageElementTextField("Name" 			"column" 	"name" 				"reload-page"	$columnParams)
			#if ($isFrame)
				#pageElementCheckbox("Tabbed Blocks"	"column"	"tabbed-blocks"		"reload-page"	$columnParams)
			#end
			#pageElementCheckbox("Alternate Design"	"column"	"alternate-style"	"reload-page"	$columnParams)
			#pageElementCheckbox("Hide on Mobile"	"column"	"mobile-hide"		"reload-page"	$columnParams)
		#designerFieldSetClose
	#end
	
	#if (!$usingFrame)
		#designerFieldSetOpen("Size" "column-size-field-set-expander")
			#if ($isMenu || $isHeader || $isFooter)
				#set ($reloadPage = "reload-page")
			#else
				#set ($reloadPage = "reload-page")
			#end
			#sizeOptionMacroParameters("column" $columnParams $reloadPage)
		#designerFieldSetClose

		#designerFieldSetOpen("Background" "column-background-field-set-expander")
			#if ($isMenu || $isHeader || $isFooter)
				#set ($reloadPage = "reload-page")
			#else
				#set ($reloadPage = false)
			#end
			#backgroundOptionMacroParameters("column" true $columnParams false $reloadPage)
		#designerFieldSetClose

		#if ($layers.size() > 1 || $columns.size() > 1)
			<a href="$req.contextPath/plugins/brikit/pages/removecolumn.action?pageId=$page.id&layerId=$layerId&columnId=$columnId" class="aui-button aui-button-subtle remove-column"><span class="aui-icon aui-icon-small aui-iconfont-remove">Remove Column</span> Column</a>
		#end

		<a href="$req.contextPath/plugins/brikit/pages/addblock.action?pageId=$page.id&layerId=$layerId&columnId=$columnId" class="aui-button aui-button-subtle add-block from-column" style="float:right"><span class="aui-icon aui-icon-small aui-iconfont-add">Add Block</span> Block</a>

		<br class="clear" />
		<hr>
	
		<div class="new-column">
			<fieldset class="group">
				<p class="aui-buttons column-position">
				    <button class="aui-button before"    title="Inserts Column Before">Before</button>
				    <button class="aui-button duplicate" title="Copies Column">Copy</button>
				    <button class="aui-button after"     title="Inserts Column After" aria-pressed="true">After</button>
				</p>
				<a href="$req.contextPath/plugins/brikit/pages/addcolumn.action?pageId=$page.id&layerId=$layerId&columnId=$columnId" class="aui-button aui-button-subtle add-column"><span class="aui-icon aui-icon-small aui-iconfont-add">Add Column</span> Column</a>
				<br class="clear" />
			</fieldset>
		</div>
	#end
	
</div>