<xf:formrow
	label="{$option.title}"
	hint="{$hintHtml}"
	explain="{$explainHtml}"
	rowclass="{$rowClass}">

	<xf:if is="$option.option_value.emailTransport == 'sendmail'">
		<div>{{ phrase('php_built_in_mail_system') }}</div>
	<xf:else />
		<dl class="pairs pairs--columns pairs--fixedSmall">
			<dt>{{ phrase('connection_type') }}</dt>
			<dd>
				{$option.option_value.emailTransport|to_upper}
				<xf:if is="$option.option_value.oauth AND $option.option_value.oauth.provider == 'Google'">
					{{ phrase('google_oauth')|parens }}
				</xf:if>
			</dd>
		</dl>

		<dl class="pairs pairs--columns pairs--fixedSmall">
			<dt>{{ phrase('host') }}</dt>
			<dd>{$option.option_value.smtpHost}:{$option.option_value.smtpPort}</dd>
		</dl>

		<xf:if is="$option.option_value.smtpLoginUsername">
			<dl class="pairs pairs--columns pairs--fixedSmall">
				<dt>{{ phrase('user_name') }}</dt>
				<dd>{$option.option_value.smtpLoginUsername}</dd>
			</dl>
		</xf:if>

		<xf:if is="$option.option_value.smtpEncrypt != 'none'">
			<dl class="pairs pairs--columns pairs--fixedSmall">
				<dt>{{ phrase('encryption') }}</dt>
				<dd>{$option.option_value.smtpEncrypt|to_upper}</dd>
			</dl>
		</xf:if>
	</xf:if>

	<div class="u-inputSpacer">
		<xf:button href="{{ link('options/email-transport-setup', $option) }}" data-xf-click="overlay">
			{{ phrase('change') }}
		</xf:button>
	</div>
</xf:formrow>