<xf:title>{{ phrase('terms_and_rules') }}</xf:title>

<div class="blockMessage blockMessage--iconic blockMessage--important">
	{{ phrase('please_read_and_accept_our_terms_and_rules_before_continuing') }} {{ phrase('last_updated:') }} <xf:date time="$xf.options.termsLastUpdate" />.
</div>

<xf:form action="{{ link('misc/accept-terms') }}" ajax="true" class="block" data-force-flash-message="on">
	<div class="block-container">
		<div class="block-body">
			<xf:checkboxrow label="">
				<xf:option name="accept" required="required">{{ phrase('i_have_read_and_accept_your_terms_and_rules', {'tosUrl': $xf.tosUrl}) }}</xf:option>
			</xf:checkboxrow>
		</div>
		<xf:submitrow icon="confirm" submit="{{ phrase('accept') }}" />
	</div>
</xf:form>

<xf:if is="$termsOption.type == 'default'">
	<xf:if is="$page.advanced_mode">
		{$templateHtml|raw}
	<xf:else />
		<div class="block">
			<div class="block-container">
				<div class="block-body block-row">
					{$templateHtml|raw}
				</div>
			</div>
		</div>
	</xf:if>
</xf:if>