{% extends "base.html" %}
{% block title %}{{ t.qv_heading }} - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <div class="card max-w-sm mx-auto mt-8 text-center">
    <div style="font-size: 2.5rem; margin-bottom: 1rem;">&#9993;</div>

    <h1 class="text-2xl mb-4">{{ t.qv_heading }}</h1>

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

    <p class="text-slate text-sm" style="margin-top: 1rem;">
      {{ t.qv_instructions | tformat(app_name=config.APP_NAME) }}
    </p>

    <p class="text-slate text-sm" style="margin-top: 0.5rem;">
      {{ t.qv_link_expiry }}
    </p>

    <hr>

    <details class="text-left">
      <summary class="cursor-pointer text-sm font-medium text-navy">{{ t.qv_no_email }}</summary>
      <ul class="list-disc pl-6 mt-2 space-y-1 text-sm text-slate-dark">
        <li>{{ t.qv_spam }}</li>
        <li>{{ t.qv_check_email_pre }}<strong>{{ contact_email }}</strong>{{ t.qv_check_email_post }}</li>
        <li>{{ t.qv_wait }}</li>
      </ul>
      <p class="text-sm text-slate mt-3">
        {{ t.qv_wrong_email }} <a href="{{ url_for('leads.quote_request') }}">{{ t.qv_wrong_email_link }}</a>.
      </p>
    </details>
  </div>
</main>
{% endblock %}
