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

<xf:form action="{{ link('tools/install-xf-add-on') }}" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:inforow>
				{{ phrase('installable_official_xenforo_add_on_explain') }}
			</xf:inforow>
			<xf:checkboxrow label="{{ phrase('installable_add_ons') }}">
				<xf:foreach loop="$installableAddOns" key="$addOnId" value="$install">
					<xf:option name="confirm_install[{$addOnId}]" value="{$install.version_id}">
						{$install.title} <span class="u-muted">{$install.version_string}</span>
					</xf:option>
				</xf:foreach>
			</xf:checkboxrow>
			<xf:if is="$upgradeCheck.license_agreement_required">
				<xf:checkboxrow rowtype="" standalone="true">
					<xf:option name="agree" required="required">{{ phrase('install_xf_addon_terms_confirm') }}</xf:option>
					<xf:explain>{{ phrase('xf_addon_license_agreement_last_updated_x', {'last_agreement_update': $upgradeCheck.last_agreement_update}) }}</xf:explain>
				</xf:checkboxrow>
			</xf:if>
		</div>
		<xf:submitrow icon="download" submit="{{ phrase('download_and_install...') }}"/>
	</div>
</xf:form>