<div class="td-card">
	<div class="card-title">
		<div class="text">
			<h1>{{ title }}</h1>
			<p class="card-title-subtitle"><a href="https://topdeliverability.com/glossary/domainkeys-identified-mail-dkim/" target="_blank">{{ subtitle_part_1 }}</a>&nbsp;{{ subtitle_part_2 }}&nbsp;<a href="https://topdeliverability.com/glossary/authentication/" target="_blank">{{ subtitle_part_3 }}</a>&nbsp;{{ subtitle_part_4 }}&nbsp;<a href="https://topdeliverability.com/glossary/receiver/" target="_blank">{{ subtitle_part_5 }}</a>&nbsp;{{ subtitle_part_6 }}</p>
		</div>
		<div class="image"></div>
	</div>

	<md-divider></md-divider>

	<div class="card-content">
		{% if notice %}
			{% include "notice/simple.twig" with notice %}
		{% endif %}

		<div class="stepper">
			<div class="steps">
				<div class="step step-done">
					<div class="step-number step-number-done">✓</div>{{ registration_title }}
				</div>
				<div class="step-connector"></div>
				<div class="step">
					<div class="step-number">2</div>{{ email_verification_title }}</div>
				<div class="step-connector"></div>
				<div class="step step-disabled">
					<div class="step-number step-number-disabled">3</div>{{ dkim_records_publication_title }}</div>
			</div>
			<div class="step-content">
				<h2>{{ email_verification_title }}</h2>

				<p>{{ description }}</p>
			
				<div class="sign-in">
					<form method="POST" action="{{ admin_post_url }}" data-testid="email_verification_sending_form">
						{% include "_form.twig" %}
						<p>{{ action_description }}</p>
						<md-filled-button>{{ action_label }}</md-filled-button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
