<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>
		</div>
		<xf:submitrow icon="download" submit="{{ phrase('download_and_install...') }}"/>
	</div>
</xf:form>