overleaf/services/web/app/views/view_templates/bonus_templates.pug

script(type="text/ng-template", id="BonusLinkToUsModal")
	.modal-header
		button.close(
			type="button"
			data-dismiss="modal"
			ng-click="cancel()"
			aria-label="Close"
		)
			span(aria-hidden="true") ×
		h3 Dropbox link
	.modal-body.modal-body-share

		div(ng-show="dbState.gotLinkStatus")
			div(ng-hide="dbState.userIsLinkedToDropbox || !dbState.hasDropboxFeature")

				span(ng-hide="dbState.startedLinkProcess") Your account is not linked to dropbox
					|    
					a(ng-click="linkToDropbox()").btn.btn-info Update Dropbox Settings

				p.small.text-center(ng-show="dbState.startedLinkProcess")
					| Please refresh this page after starting your free trial.


			div(ng-show="dbState.hasDropboxFeature && dbState.userIsLinkedToDropbox")
				progressbar.progress-striped.active(value='dbState.percentageLeftTillNextPoll', type="info")
				span 
					strong {{dbState.minsTillNextPoll}} minutes 
					span until dropbox is next checked for changes.

			div.text-center(ng-hide="dbState.hasDropboxFeature")
				p You need to upgrade your account to link to dropbox.
				p
					a.btn(ng-click="startFreeTrial('dropbox')", ng-class="buttonClass") Start Free Trial
				p.small(ng-show="startedFreeTrial")
					| Please refresh this page after starting your free trial.

		div(ng-hide="dbState.gotLinkStatus")
			span.small   checking dropbox status  
			i.fa.fa-refresh.fa-spin(aria-hidden="true")



	.modal-footer()
		button.btn.btn-default(
			ng-click="cancel()",
		)
			span Dismiss