extends ../../layout

block scripts
	script(type='text/javascript').
		window.group_subscription_id = '#{group_subscription_id}'
		window.has_personal_subscription = #{has_personal_subscription}

block content
	.content.content-alt
		.container
			.row
				.col-md-8.col-md-offset-2
					-if (query.expired)
						.alert.alert-warning #{translate("email_link_expired")}

			.row.row-spaced
				.col-md-8.col-md-offset-2.text-center(ng-cloak)
					.card(ng-controller="DomainSubscriptionJoinController")
						.page-header
							h1.text-centered #{translate("you_are_invited_to_group", {groupName:licenceName})}

						div(ng-show="view =='personalSubscription'")
							p #{translate("cancel_personal_subscription_first")}
							p
								a.btn.btn.btn-default(ng-click="keepPersonalSubscription()", ng-disabled="inflight") #{translate("not_now")}
								| &nbsp;
								a.btn.btn.btn-primary(ng-click="cancelSubscription()", ng-disabled="inflight") #{translate("cancel_your_subscription")}

						div(ng-show="view =='domainSubscriptionJoin'")
							p #{translate("group_provides_you_with_premium_account", {groupName:licenceName})}
							p
								a.btn.btn-default(href="/project") #{translate("not_now")}
								| &nbsp;
								a.btn.btn.btn-primary(ng-click="joinGroup()", ng-disabled="inflight") #{translate("verify_email_address")}  

						div(ng-show="view =='requestSent'")
							p #{translate("check_email_to_complete_the_upgrade")}
							p
								a.btn.btn.btn-primary(href="/project") #{translate("done")}
