extends ../layout

block content
	.content.content-alt
		.container
			.row
				.col-md-12.col-lg-10.col-lg-offset-1
					if ssoError
						.alert.alert-danger
							| #{translate('sso_link_error')}: #{translate(ssoError)}
					.card
						.page-header
							h1  #{translate("account_settings")}
						.account-settings(ng-controller="AccountSettingsController", ng-cloak)

							if hasFeature('affiliations')
								include settings/user-affiliations

							.row
								.col-md-5
									h3 #{translate("update_account_info")}
									form(async-form="settings", name="settingsForm", method="POST", action="/user/settings", novalidate)
										input(type="hidden", name="_csrf", value=csrfToken)
										if !hasFeature('affiliations')
											// show the email, non-editable
											.form-group
												label.control-label #{translate("email")}
												div.form-control(
													readonly="true",
													ng-non-bindable
												) #{user.email}

										if shouldAllowEditingDetails
											.form-group
												label(for='firstName').control-label #{translate("first_name")}
												input.form-control(
													id="firstName"
													type='text',
													name='first_name',
													value=user.first_name
													ng-non-bindable
												)
											.form-group
												label(for='lastName').control-label #{translate("last_name")}
												input.form-control(
													id="lastName"
													type='text',
													name='last_name',
													value=user.last_name
													ng-non-bindable
												)
											.form-group
												form-messages(aria-live="polite" for="settingsForm")
													.alert.alert-success(ng-show="settingsForm.response.success")
														|  #{translate("thanks_settings_updated")}
											.actions
												button.btn.btn-primary(
													type='submit',
													ng-disabled="settingsForm.$invalid"
												)  #{translate("update")}
										else
											.form-group
												label.control-label #{translate("first_name")}
												div.form-control(
													readonly="true",
													ng-non-bindable
												) #{user.first_name}
											.form-group
												label.control-label #{translate("last_name")}
												div.form-control(
													readonly="true",
													ng-non-bindable
												) #{user.last_name}

								.col-md-5.col-md-offset-1
									h3 
										| Set Password for Email login
									p 
										| Note: you can not change the LDAP password from here. You can set/reset a password for 
										| your email login:
										| #[a(href="/user/password/reset", target='_blank') Reset.]

							| !{moduleIncludes("userSettings", locals)}
							hr

							h3
								| Contact
							div 
								| If you need any help, please contact your sysadmins.
							
							p #{translate("need_to_leave")} 
								a(href, ng-click="deleteAccount()")  #{translate("delete_your_account")}



	script(type='text/ng-template', id='deleteAccountModalTemplate')
		.modal-header
			h3 #{translate("delete_account")}
		div.modal-body#delete-account-modal
			p !{translate("delete_account_warning_message_3")}
			if settings.createV1AccountOnLogin && settings.overleaf
				p
					strong
						| Your Overleaf v2 projects will be deleted if you delete your account.
						| If you want to remove any remaining Overleaf v1 projects in your account,
						| please first make sure they are imported to Overleaf v2.

			if settings.overleaf && !hasPassword
				p
					b
						| #[a(href="/user/password/reset", target='_blank') #{translate("delete_acct_no_existing_pw")}].
			else
				form(novalidate, name="deleteAccountForm")
					label #{translate('email')}
					input.form-control(
						type="text",
						autocomplete="off",
						placeholder="",
						ng-model="state.deleteText",
						focus-on="open",
						ng-keyup="checkValidation()"
					)

					label #{translate('password')}
					input.form-control(
						type="password",
						autocomplete="off",
						placeholder="",
						ng-model="state.password",
						ng-keyup="checkValidation()"
					)

					div.confirmation-checkbox-wrapper
						input(
							type="checkbox"
							ng-model="state.confirmV1Purge"
							ng-change="checkValidation()"
						).pull-left
						label(style="display: inline")  I have left, purged or imported my projects on Overleaf v1 (if any)  

					div.confirmation-checkbox-wrapper
						input(
							type="checkbox"
							ng-model="state.confirmSharelatexDelete"
							ng-change="checkValidation()"
						).pull-left
						label(style="display: inline")  I understand this will delete all projects in my Overleaf v2 account (and ShareLaTeX account, if any) with email address #[em {{ userDefaultEmail }}]

			div(ng-if="state.error")
				div.alert.alert-danger(ng-switch="state.error.code")
					span(ng-switch-when="InvalidCredentialsError")
						| #{translate('email_or_password_wrong_try_again')}
					span(ng-switch-when="SubscriptionAdminDeletionError")
						| #{translate('subscription_admins_cannot_be_deleted')}
					span(ng-switch-when="UserDeletionError")
						| #{translate('user_deletion_error')}
					span(ng-switch-default)
						| #{translate('generic_something_went_wrong')}
			if settings.createV1AccountOnLogin && settings.overleaf
				div(ng-if="state.error && state.error.code == 'InvalidCredentialsError'")
					div.alert.alert-info
						| If you can't remember your password, or if you are using Single-Sign-On with another provider
						| to sign in (such as Twitter or Google), please
						| #[a(href="/user/password/reset", target='_blank') reset your password],
						| and try again.
		.modal-footer
			button.btn.btn-default(
				ng-click="cancel()"
			) #{translate("cancel")}
			button.btn.btn-danger(
				ng-disabled="!state.isValid || state.inflight"
				ng-click="delete()"
			)
				span(ng-hide="state.inflight") #{translate("delete")}
				span(ng-show="state.inflight") #{translate("deleting")}...
	
	script(type='text/javascript').
		window.passwordStrengthOptions = !{StringHelper.stringifyJsonForScript(settings.passwordStrengthOptions || {})}