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

<div class="blockMessage blockMessage--important">
	<b>{{ phrase('note:') }}</b>
	{{ phrase('strongly_recommended_backup_database_and_files') }}
</div>

<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') }}
			</xf:inforow>
			<xf:checkboxrow label="{{ phrase('available_add_on_upgrades') }}" rowtype="">
				<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>
			<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_upgrade...') }}"/>
	</div>
</xf:form>