{{#unless editMode}}
	<div class="view-document">
		<div class="document-heading {{if permissions.documentEdit 'cursor-pointer'}}" onclick={{if permissions.documentEdit (action 'toggleEdit')}}>
			<h1 class="doc-title">{{document.name}}</h1>
			<div class="doc-excerpt">{{document.excerpt}}</div>
		</div>
	</div>
{{else}}
	<form class="view-document" {{action "onSave" on="submit"}}>
		<div class="document-heading-edit">
			<div class="form-group">
				{{focus-input id="document-name" type="text" value=docName class=(if hasNameError 'form-control mousetrap is-invalid' 'form-control mousetrap') placeholder="Title" autocomplete="off"}}
			</div>
			<div class="form-group">
				{{input id="document-excerpt" type="text" value=docExcerpt class=(if hasExcerptError 'form-control mousetrap is-invalid' 'form-control mousetrap') placeholder="Excerpt" autocomplete="off"}}
			</div>
			<button type="submit" class="btn btn-outline-secondary" {{action "onCancel"}}>Cancel</button>
			<button type="submit" class="btn btn-success" {{action "onSave"}}>Save</button>
		</div>
	</form>
{{/unless}}