{% extends 'layouts/app.html' %}
{% import 'macros/form.html' as f with context %}

{% block title %}Thanks for signing up{% endblock %}

{% block body %}
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h2 class="mt-2 mb-4">Ready to upgrade?</h2>
        <p>
          Hi. You're only about a minute away from being a paid member which
          provides you many amazing things.
        </p>

        <p class="small">
          Take a look at what you'll gain by
          <a href="{{ url_for('billing.pricing') }}">becoming a paid member</a>.
        </p>
      </div>
      <div class="col-md-6 card bg-light">
        {% call f.form_tag('user.welcome') %}
          <h2 class="mt-2 mb-4">Pick a username</h2>
          <p>
            You can only pick this once, it will be your name on the leaderboard.
          </p>

          {% call f.form_group(form.username, autofocus='autofocus') %}
          {% endcall %}

          <div class="row mb-3">
            <div class="col-md-6">
              <button type="submit" class="btn btn-primary btn-block">
                Save
              </button>
            </div>
            <div class="col-md-6">
              <a href="{{ url_for('user.settings') }}"
                 class="btn btn-outline-secondary btn-block">
                Do it later
              </a>
            </div>
          </div>
        {% endcall %}
      </div>
    </div>
  </div>
{% endblock %}
