div#history(ng-show="ui.view == 'history'")
	span
		.upgrade-prompt(ng-if="project.features.versioning === false && ui.view === 'history'")
			.message(ng-if="project.owner._id == user.id")
				p.text-center: strong #{translate("upgrade_to_get_feature", {feature:"full Project History"})}
				p.text-center.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
				ul.list-unstyled
					li 
						i.fa.fa-check  
						| #{translate("unlimited_projects")}
					
					li
						i.fa.fa-check  
						| #{translate("collabs_per_proj", {collabcount:'Multiple'})}
					
					li 
						i.fa.fa-check  
						| #{translate("full_doc_history")}
					
					li 
						i.fa.fa-check  
						| #{translate("sync_to_dropbox")}

					li 
						i.fa.fa-check  
						| #{translate("sync_to_github")}

					li  
						i.fa.fa-check  
						|#{translate("compile_larger_projects")}
				p.text-center(ng-controller="FreeTrialModalController")
					a.btn.btn-success(
						href
						ng-class="buttonClass"
						ng-click="startFreeTrial('history')"
					) #{translate("start_free_trial")}

			.message(ng-show="project.owner._id != user.id")
				p #{translate("ask_proj_owner_to_upgrade_for_history")}
				p
					a.small(href, ng-click="toggleHistory()") #{translate("cancel")}

	include ./history/entriesListV1
	include ./history/entriesListV2

	include ./history/diffPanelV1
	include ./history/previewPanelV2

script(type="text/ng-template", id="historyRestoreDiffModalTemplate")
	.modal-header
		button.close(
			type="button"
			data-dismiss="modal"
			ng-click="cancel()"
		) ×
		h3 #{translate("restore")} {{diff.doc.name}}
	.modal-body.modal-body-share
		p !{translate("sure_you_want_to_restore_before", {filename:"<strong>{{diff.doc.name}}</strong>", date:"{{diff.start_ts | formatDate}}"})}
	.modal-footer
		button.btn.btn-default(
			ng-click="cancel()",
			ng-disabled="state.inflight"
		) #{translate("cancel")}
		button.btn.btn-danger(
			ng-click="restore()",
			ng-disabled="state.inflight"
		)
			span(ng-show="!state.inflight") #{translate("restore")}
			span(ng-show="state.inflight") #{translate("restoring")} ...


script(type="text/ng-template", id="historyLabelTpl")
	.history-label(
		ng-class="{ 'history-label-own' : $ctrl.isOwnedByCurrentUser }"
	)
		span.history-label-comment(
			tooltip-append-to-body="true"
			tooltip-template="'historyLabelTooltipTpl'"
			tooltip-placement="left"
			tooltip-enable="$ctrl.showTooltip"
		)
			i.fa.fa-tag
			| &nbsp;{{ $ctrl.labelText }}
		button.history-label-delete-btn(
			ng-if="$ctrl.isOwnedByCurrentUser"
			stop-propagation="click"
			ng-click="$ctrl.onLabelDelete()"
		) &times;

script(type="text/ng-template", id="historyLabelTooltipTpl")
	.history-label-tooltip
		p.history-label-tooltip-title 
			i.fa.fa-tag
			| &nbsp;{{ $ctrl.labelText }}
		p.history-label-tooltip-owner #{translate("history_label_created_by")} {{ $ctrl.labelOwnerName }}
		time.history-label-tooltip-datetime {{ labelCreationDateTime | formatDate }}


script(type="text/ng-template", id="historyV2DeleteLabelModalTemplate")
	.modal-header
		h3 #{translate("history_delete_label")}
	.modal-body
		.alert.alert-danger(ng-show="state.error.message") {{ state.error.message}} 
		.alert.alert-danger(ng-show="state.error && !state.error.message") #{translate("generic_something_went_wrong")}
		p.help-block(ng-if="labelDetails")
			| #{translate("history_are_you_sure_delete_label")}
			strong "{{ labelDetails.comment }}"
			| ?
	.modal-footer
		button.btn.btn-default(
			type="button"
			ng-disabled="state.inflight"
			ng-click="$dismiss()"
		) #{translate("cancel")}
		button.btn.btn-primary(
			type="button"
			ng-click="deleteLabel()"
			ng-disabled="state.inflight"
		) {{ state.inflight ? '#{translate("history_deleting_label")}' : '#{translate("history_delete_label")}' }}