{% extends "account/base.html" %}

{% load i18n %}
{% load crispy_forms_tags %}

{% block inner %}
    <div class="auth-challenge-heading">
        <span class="auth-challenge-icon auth-journey-icon" aria-hidden="true"><i class="fas fa-user-plus"></i></span>
        <div>
            <span class="auth-challenge-eyebrow">{% trans "Operator onboarding" %}</span>
            <h1 id="signup-heading">{% trans "Create your account" %}</h1>
            <p>{% trans "Set up your Ghostwriter operator account to join your team’s workspaces." %}</p>
        </div>
    </div>

    <p class="auth-journey-intro">{% blocktrans %}Already have an account? <a href="{{ login_url }}">Sign in</a>.{% endblocktrans %}</p>

    <form class="signup auth-journey-form" id="signup_form" method="post" action="{% url 'account_signup' %}" aria-labelledby="signup-heading">
        {% csrf_token %}
        {{ form|crispy }}
        {% if redirect_field_value %}
            <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
        {% endif %}
        <div class="auth-journey-actions">
            <button class="btn btn-primary auth-challenge-submit" type="submit"><i class="fas fa-user-plus" aria-hidden="true"></i> {% trans "Create account" %}</button>
        </div>
    </form>
{% endblock %}