{% extends "base.html" %}

{% block header %}
<h1>{{ app_name | default('App') }}</h1>
<p>Verify your email address</p>
{% endblock %}

{% block content %}
<p>Hello <strong>{{ name }}</strong>,</p>
<p>Thank you for signing up. Please verify your email address by clicking the button below:</p>
<div class="button-wrapper">
  <a href="{{ verification_url }}" class="button">Verify my email</a>
</div>
<p style="font-size: 12px; color: #888888;">If you cannot click the button, copy and paste the following link into your browser:</p>
<p style="font-size: 12px; color: #888888; word-break: break-all;">{{ verification_url }}</p>
<p style="font-size: 12px; color: #888888;">This link is valid for <strong>{{ expires_hours | default(24) }} hours</strong>.</p>
<p style="font-size: 12px; color: #888888;">If you did not request this, please ignore this email.</p>
{% endblock %}