extends ../layout

include ./plans-marketing/_mixins
include ./plans-marketing/_tables
include ./plans-marketing/v2/_mixins

block vars
	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
	- var suppressFooter = true
	- var suppressNavbarRight = true

block append meta
	meta(name="ol-recommendedCurrency" content=recommendedCurrency)
	meta(name="ol-itm_content" content=itm_content)

block content
	main.content.content-alt#main-content
		.content-page
			.plans
				.container
					.row
						.col-md-12
							.page-header.centered.plans-header.text-centered.top-page-header
								h1.text-capitalize #{translate('choose_your_plan')}

					//- TODO: add analytics by adding 2 arguments in the mixin below
					+monthly_annual_switch()

					.row.plans-v2-table-sticky-header.plans-v2-table-sticky-header-individual.sticky(data-ol-plans-v2-table-sticky-header='individual')
						.plans-v2-table-sticky-header-item
							span #{translate("personal")}
						.plans-v2-table-sticky-header-item.plans-v2-table-sticky-header-item-highlighted
							span #{translate("standard")}
						.plans-v2-table-sticky-header-item
							span #{translate("professional")}
						.plans-v2-table-sticky-header-item
							span #{translate("student")}

					.row.plans-v2-table-container(data-ol-plans-v2-table-container='monthly')
						.col-sm-12
							.row
								table.card.plans-v2-table.plans-v2-table-individual
									+plans_v2_table('monthly', interstitialPaymentConfig)

					.row.plans-v2-table-container(hidden data-ol-plans-v2-table-container='annual')
						.col-sm-12
							.row
								table.card.plans-v2-table.plans-v2-table-individual
									+plans_v2_table('annual', interstitialPaymentConfig)

					//- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
					.invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)

	!= moduleIncludes("contactModalGeneral-marketing", locals)