{% extends "email/default.html" %}

{% block title %}Welcome to {{SITE_NAME}}!{% endblock %}</h1>

{% block content %}
	<p>Thanks for joining {{SITE_NAME}}. We're happy to have you on board. To get the most out of {{SITE_NAME}}, please verify your account email:</p>
	<div class="overflow-x-auto">
		<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0">
			<tr>
				<td align="center">
					<div class="overflow-x-auto">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td align="center">
									<a href="{{action_url}}" class="f-fallback button" target="_blank">Verify email</a>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
		<p>For reference, here's your username.</p>
		<div class="overflow-x-auto">
			<table class="attributes" width="100%" cellpadding="0" cellspacing="0">
				<tr>
					<td class="attributes_content">
						<div class="overflow-x-auto">
							<table width="100%" cellpadding="0" cellspacing="0">
								<tr>
									<td class="attributes_item">
										<span class="f-fallback">
											<strong>Email:</strong> {{v.email}}
										</span>
									</td>
								</tr>
								<tr>
									<td class="attributes_item">
										<span class="f-fallback">
											<strong>Username:</strong> {{v.username}}
										</span>
									</td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>

	<p>Please note that {{SITE_NAME}} will never ask you for your email, password, or two-factor token via email, text, or phone.</p>
		
	<div class="overflow-x-auto">
		<table class="body-sub">
			<tr>
				<td>
					<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p>
					<p class="f-fallback sub">{{action_url}}</p>
				</td>
			</tr>
		</table>
	</div>
{% endblock %}