<xf:radiorow name="{$inputName}[emailTransport]" value="{$option.option_value.emailTransport}"
	label="{$option.title}"
	hint="{$hintHtml}"
	explain="{$explainHtml}"
	html="{$listedHtml}"
	rowclass="{$rowClass}">

	<xf:option value="sendmail" label="{{ phrase('default') }}" />
	<xf:option value="smtp" label="SMTP" data-hide="true">
		<xf:dependent>
			<div class="inputGroup">
				<xf:textbox name="{$inputName}[smtpHost]" value="{$option.option_value.smtpHost}" placeholder="{{ phrase('host') }}" size="40" />
				<span class="inputGroup-text">:</span>
				<xf:textbox name="{$inputName}[smtpPort]" value="{$option.option_value.smtpPort}" placeholder="{{ phrase('port') }}" size="5" />
			</div>

			<div class="inputChoices-spacer">{{ phrase('authentication') }}</div>
			<xf:radio name="{$inputName}[smtpAuth]" value="{{ $option.option_value.smtpAuth ? $option.option_value.smtpAuth : 'none' }}">
				<xf:option value="none">{{ phrase('none') }}</xf:option>
				<xf:option value="login" label="{{ phrase('user_name_and_password') }}">
					<xf:dependent>
						<div class="inputGroup">
							<xf:textbox name="{$inputName}[smtpLoginUsername]" value="{$option.option_value.smtpLoginUsername}" placeholder="{{ phrase('user_name') }}" size="15" />
							<span class="inputGroup-splitter"></span>
							<xf:textbox name="{$inputName}[smtpLoginPassword]" value="{$option.option_value.smtpLoginPassword}" type="password" size="15" />
						</div>
					</xf:dependent>
				</xf:option>
			</xf:radio>

			<div class="inputChoices-spacer">{{ phrase('encryption') }}</div>
			<xf:radio name="{$inputName}[smtpEncrypt]" value="{{ $option.option_value.smtpEncrypt ? $option.option_value.smtpEncrypt : 'none' }}" listclass="indented">
				<xf:option value="none">{{ phrase('none') }}</xf:option>
				<xf:option value="tls">TLS</xf:option>
				<xf:option value="ssl">SSL</xf:option>
			</xf:radio>
		</xf:dependent>
	</xf:option>
</xf:radiorow>