{{? !it.disableHeaderSection}}
<div class="layoutHeader sectionHeader">{{=it.layoutLabel}}</div>
{{?}}

{{~ it.templates :template:idx}}
<div class="layoutEntry{{? template.description }} withDescription{{?}}" >
	<div class="layoutTemplates{{? template.description }} withDescription{{?}}">
		<div role="option" tabindex="{{? template.isSelected}}0{{??}}-1{{?}}" aria-checked="{{? template.isSelected}}true{{??}}false{{?}}"
			class="layoutTemplateItem {{? template.isSelected}}selected{{?}} {{=template.navigationTemplates}}"
			data-id="{{=template.name}}"{{? template.description }} style="float:left;"{{?}}
			aria-label="{{=template.ariaLabel}}">
			{{? template.icon}}
				<div class="layoutIcon"></div>
			{{?}}
			{{? template.label && template.type !== 'custom'}}
				<div class="caption">{{=template.label}}</div>
			{{?}}
			{{? template.type === 'custom'}}
				<div class="layoutThumbnailContainer">
					<img draggable="false" class="layoutThumbnail" alt="Thumbnail"/>
					<div class="layoutThumbnailOverlay">
						<div class="layoutContextMenuButton"></div>
					</div>
				</div>
			{{?}}
		</div>
		{{? template.description }}
			<div class="layoutDescription">{{=template.description}}</div>
		{{?}}
		{{? template.type === 'custom' }}
			<div class="layoutThumbnailLabel">{{=template.label}}</div>
		{{?}}
		{{? template.location }}
			<div class="layoutLocation">{{=template.location}}</div>
		{{?}}
	</div>
</div>
{{~}}

{{? !it.disableFooterSection}}
<div class="layoutFooter sectionFooter"></div>
{{?}}