<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">
	<div class="block-container">
		<div class="block-body">
			<xf:inforow rowtype="confirm">
				{{ phrase('th_enter_ftp_details_explain_uix') }}
			</xf:inforow>
		</div>

		<xf:textboxrow label="{{ phrase('th_ftp_host_uix') }}" name="ftp_host" value="localhost" />

		<xf:textboxrow label="{{ phrase('th_ftp_port_uix') }}" name="ftp_port" value="21" />

		<xf:textboxrow label="{{ phrase('th_ftp_username_uix') }}" name="ftp_user" />

		<xf:textboxrow label="{{ phrase('th_ftp_password_uix') }}" name="ftp_pass" type="password" />

		<xf:textboxrow label="{{ phrase('th_ftp_directory_uix') }}" name="ftp_dir" value="{$fileDir}" />

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

		<xf:hiddenval name="version_id" value="{$versionId}" />

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

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