{{#layout/top-bar}}
	<li class="item">
		{{#link-to "folder.index" model.folder.id model.folder.slug class='link'}}
			{{model.folder.name}}
		{{/link-to}}
	</li>
	<li class="item">
		{{#link-to 'document.index' model.folder.id model.folder.slug model.document.id model.document.slug class="link"}}
			{{model.document.name}}
		{{/link-to}}
	</li>
	<li class="item">
		{{#link-to "document.settings" model.folder.id model.folder.slug class='link selected'}}
			Settings
		{{/link-to}}
	</li>
{{/layout/top-bar}}

{{#layout/middle-zone}}
	{{#layout/middle-zone-content}}
		{{#if (eq tab 'general')}}
			{{document/settings-general
				space=model.folder
				document=model.document
				permissions=model.permissions
				onSaveDocument=(action 'onSaveDocument')}}
		{{/if}}

		{{#if (eq tab 'meta')}}
			{{document/settings-meta
				space=model.folder
				document=model.document
				permissions=model.permissions
				onSaveDocument=(action 'onSaveDocument')}}
		{{/if}}
	{{/layout/middle-zone-content}}

	{{#layout/middle-zone-sidebar}}
		<div id="sidebar" class="sidebar">
			<ul class="tabnav-control tabnav-control-centered w-75">
				<li class="tab tab-vertical {{if (eq tab 'general') 'selected'}}" {{action 'onTab' 'general'}}>General</li>
				<li class="tab tab-vertical {{if (eq tab 'meta') 'selected'}}" {{action 'onTab' 'meta'}}>Categories & Tags</li>
			</ul>
		</div>
	{{/layout/middle-zone-sidebar}}
{{/layout/middle-zone}}

{{#layout/bottom-bar}}
{{/layout/bottom-bar}}