{% extends "base.html" %}
{% load crispy_forms_filters %}
{% load allauth i18n %}

{% block title %}{{ _("Sign Up") }}{% endblock title %}

{% block content %}
<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <!-- Page Header -->
            <div class="text-center mb-4">
                <h1 class="fw-bold">{{ _("Sign Up") }}</h1>
                <p>
                    {% trans 'Already have an account?' %}
                <a href="{% url 'login' %}">{{ _("Sign in") }}</a>.
                </p>
            </div>

            <!-- Sign Up Form -->
            {% if not SOCIALACCOUNT_ONLY %}
            <form method="post" action="{% url 'signup' %}" class="needs-validation" novalidate>
                {% csrf_token %}
                {{ form|crispy }}
                {{ redirect_field }}

                <div class="d-grid gap-2 mt-3">
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="bi bi-person-plus"></i> {{ _("Sign Up") }}
                    </button>
                </div>
            </form>
            {% endif %}

            <!-- Passkey Signup -->
            {% if PASSKEY_SIGNUP_ENABLED %}
            <hr class="my-4">
            <div class="d-grid gap-2">
                <a href="{{ signup_by_passkey_url }}" class="btn btn-outline-primary btn-lg">
                    {{ _("Sign up using a passkey") }}
                </a>
            </div>
            {% endif %}

            <!-- Social Signup -->
            {% if SOCIALACCOUNT_ENABLED %}
            <hr class="my-4">
            {% include "socialaccount/snippets/login.html" with page_layout="entrance" %}
            {% endif %}
        </div>
    </div>
</div>
{% endblock content %}