{% extends 'base.html' %}

{% load i18n %}
{% load widget_tweaks %}

{% block title %}{% trans "Other Information - Step 5" %}{% endblock %}

{% block content %}

    <article class="mt-12">

        <h1 class="text-3xl">
          Anything else?
        </h1>

        <p class="mt-2">
          Is there anything else about you that you would like to share on your profile? Here is your place to share it. This is optional, you don’t have to.
        </p>

    </article>

    <form class="mt-8" method="post">
        {% csrf_token %}

        <div class="mt-5">
          <label for="id_extra_text" class="cursor-pointer">About Aaron</label>
          {{ form.extra_text|add_class:"mt-2 w-full border border-body/10 focus:border-body/60 bg-bgColor rounded-lg p-3 outline-none"|attr:"placeholder:I got recognised for being..." }}
        </div>

        <button
            type="submit"
            class="btn mt-10 w-full bg-body text-white p-3 rounded-md cursor-pointer"
        >
            Show me my profile!
        </button>
    </form>

{% endblock %}