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

<xf:form action="{{ link('tools/upgrade-xf-add-on') }}" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:inforow>
				{{ phrase('updates_available_official_xenforo_add_on_explain') }}

				<div class="block-rowMessage block-rowMessage--important">
					<b>{{ phrase('note:') }}</b>
					{{ phrase('strongly_recommended_backup_database_and_files') }}
				</div>
			</xf:inforow>
			<xf:checkboxrow label="{{ phrase('available_add_on_upgrades') }}">
				<xf:foreach loop="$availableUpdates" key="$addOnId" value="$availableUpdate">
					<xf:option name="confirm_updates[{$addOnId}]" value="{$availableUpdate.version_id}">
						{$addOns.{$addOnId}.title} <span class="u-muted">{$availableUpdate.version_string}</span>
					</xf:option>
				</xf:foreach>
			</xf:checkboxrow>
		</div>
		<xf:submitrow icon="download" submit="{{ phrase('download_and_upgrade...') }}"/>
	</div>
</xf:form>