<xf:title>{{ phrase('th_install_x_uix', { 'product_name': $product.product_name }) }}</xf:title>

<xf:breadcrumb href="{{ link('styles/themehouse') }}">{{ phrase('th_themehouse_styles_uix') }}</xf:breadcrumb>

<xf:form action="{$submitUrl}" class="block">
	<xf:if is="!$freshInstall">
		<div class="blockMessage blockMessage--important">
			<b>Note:</b> If you're upgrading from 2.0.2.1.0 or below there are some significant changes in this update, please do <a href="https://www.themehouse.com/help/documentation/uix2/faqs#uix-204-update-potential-issues" target="_BLANK">review these changes before proceeding </a>
		</div>
	</xf:if>

	<div class="block-container">
		<div class="block-body">
			<xf:inforow rowtype="confirm">
				{{ phrase('th_installing_x_confirm_uix', { 'product_name': $product.product_name }) }}
			</xf:inforow>
		</div>

		<xf:selectrow name="version_id" label="{{ phrase('th_version_uix') }}">
			<xf:foreach loop="$versions" value="$version">
				<xf:option value="{$version.id}">{$version.version}</xf:option>
			</xf:foreach>
		</xf:selectrow>

		<xf:if is="!$freshInstall">
			<xf:hiddenval name="style_id" value="{$style.style_id}" />
		</xf:if>

		<xf:hiddenval name="step" value="ftp_details" />

		<xf:submitrow icon="submit" />
	</div>
</xf:form>