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

<xf:form action="{{ link('options/email-dkim-verify', $option) }}" ajax="true" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:inforow>{{ phrase('to_finish_setting_up_dkim_email_authentication_you_will_need_to_add_new') }}</xf:inforow>

			<xf:formrow label="{{ phrase('type') }}">TXT</xf:formrow>

			<xf:formrow label="{{ phrase('name') }}" rowtype="button">
				<div class="inputGroup">
					<xf:textbox value="{$dnsKey}" disabled="disabled" class="js-copyDnsKeyTarget" />
					<span class="inputGroup-splitter"></span>
					<xf:button icon="copy"
						data-xf-init="copy-to-clipboard"
						data-copy-target=".js-copyDnsKeyTarget"
						class="button--link is-hidden" />
				</div>
			</xf:formrow>

			<xf:formrow label="{{ phrase('value') }}" rowtype="button">
				<div class="inputGroup">
					<xf:textbox value="{$dnsValue}" disabled="disabled" class="js-copyDnsValueTarget" />
					<span class="inputGroup-splitter"></span>
					<xf:button icon="copy"
						data-xf-init="copy-to-clipboard"
						data-copy-target=".js-copyDnsValueTarget"
						class="button--link is-hidden" />
				</div>
			</xf:formrow>
		</div>
		
		<xf:submitrow submit="{{ phrase('confirm') }}" />
	</div>
</xf:form>