{% extends "layout.html" %}

{% block content %}
  <div class="w-full grow flex flex-col items-center justify-center gap-y-6">
    <div>
      Are you sure you want to verify
      <span class="font-bold">{{ email }}</span>?
    </div>
    <a
      href="/account/verify/confirm?code={{ code }}"
      class="h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
      >Verify email</a
    >
  </div>
{% endblock %}