{% extends "base.html" %}

{% block title %}{{ t.auth_waitlist_confirmed_title }} - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <div class="card max-w-sm mx-auto mt-8 text-center">
    <h1 class="text-2xl mb-4">{{ t.auth_waitlist_confirmed_title }}</h1>

    <p class="text-slate-dark">{{ t.auth_waitlist_confirmed_sent_to }}</p>
    <p class="font-semibold text-navy my-2">{{ email }}</p>

    <p class="text-slate text-sm mb-6">{{ t.auth_waitlist_confirmed_sub }}</p>

    <hr>

    <div class="text-left mt-6">
      <h3 class="text-sm font-semibold text-navy mb-3">{{ t.auth_waitlist_confirmed_next }}</h3>
      <ul class="list-disc pl-6 space-y-1 text-sm text-slate-dark">
        <li>{{ t.auth_waitlist_confirmed_step1 }}</li>
        <li>{{ t.auth_waitlist_confirmed_step2 }}</li>
        <li>{{ t.auth_waitlist_confirmed_step3 }}</li>
      </ul>
    </div>

    <a href="{{ url_for('public.landing') }}" class="btn-outline w-full mt-6">{{ t.auth_waitlist_confirmed_back }}</a>
  </div>
</main>
{% endblock %}
