overleaf/services/web/app/views/subscriptions/plans.pug

extends ../layout-marketing

block vars
	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'

block append meta
	meta(name="ol-recommendedCurrency" content=recommendedCurrency)
	meta(name="ol-groupPlans" data-type="json" content=groupPlans)
	meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
	meta(name="ol-itm_content" content=itm_content)
	meta(name="ol-currentView" content=currentView)

block content
	main.content.content-alt#main-content
		if showBackToSchoolBanner
			.container(
			)
				.user-notifications
					ul.list-unstyled(ng-cloak)
						li.notification-entry
							div.alert.alert-back-to-school(
								event-tracking-mb="true"
								event-tracking="promo-prompt"
								event-tracking-trigger="load"
								event-segmentation='{"location": "plans-page-banner", "name": "bts2023", "content": "banner"}'
							)
								.notification-body
									| 🎉  
									p
										strong #{translate("back_to_school_banner_bargain_with_x_percent_off_in_school_or_not", {x: '15'})}
										br
										| #{translate("back_to_school_banner_hurry_offer_ends_sep_30")}
								.notification-action
									a.btn.btn-sm.btn-default-outline(
										href="/about/back-to-school-promo-2023"
										event-tracking-mb="true"
										event-tracking="promo-click"
										event-tracking-trigger="click"
										event-segmentation='{"location": "plans-page-banner", "name": "bts2023", "content": "banner", "type": "click"}'
									) #{translate('claim_discounts')}

		.content-page
			.plans
				.container(ng-cloak)
					if showInrGeoBanner
						div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}


					.row
						.col-md-12
							.page-header.centered.plans-header.text-centered.top-page-header
								h1.text-capitalize(ng-non-bindable) #{translate('choose_your_plan')}

					include ./plans/_cards_controls_tables
					.row.row-spaced-large.text-centered
						.col-xs-12
							p.text-centered
								strong #{translate("all_prices_displayed_are_in_currency", {recommendedCurrency})}
								|  
								span #{translate("subject_to_additional_vat")}
							i.fa.fa-cc-mastercard.fa-2x(aria-hidden="true")  
							span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Mastercard' })}
							i.fa.fa-cc-visa.fa-2x(aria-hidden="true")  
							span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Visa' })}
							i.fa.fa-cc-amex.fa-2x(aria-hidden="true")  
							span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Amex' })}
							i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")  
							span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Paypal' })}

					include ./plans/_university_info

					include ./plans/_quotes

					include ./plans/_faq

					.row.row-spaced-large
						.col-md-12
							.plans-header.plans-subheader.text-centered
								hr
								h2.header-with-btn #{translate('still_have_questions')}
								button.btn.plans-v2-btn-header.text-capitalize(
									data-ol-open-contact-form-modal="general"
								) #{translate('contact_us')}

					.row.row-spaced

	include ./plans/_group_plan_modal
	!= moduleIncludes("contactModalGeneral-marketing", locals)