{% extends "socialaccount/base_entrance.html" %}
{% load i18n %}

{% block title %}
  {% trans "Sign Up" %}
{% endblock title %}

{% block content %}
  {# djlint:off #}
  <c-card class="shadow">
    <c-slot name="header">
      <div class="card-header text-center py-3">
        <h4 class="mb-0">{% trans "Complete sign up" %}</h4>
        <p class="text-muted small mb-0 mt-1">
          {% blocktrans with provider_name=account.get_provider.name site_name=site.name %}
            You are about to use your {{ provider_name }} account to sign in to
            {{ site_name }}. Please complete the form below.
          {% endblocktrans %}
        </p>
      </div>
    </c-slot>
    <c-form method="post" action="{% url 'socialaccount_signup' %}" :form-obj="form">
      {% if form.non_field_errors %}
        <c-alert variant="danger" class="mb-3">{{ form.non_field_errors }}</c-alert>
      {% endif %}
      {{ redirect_field }}
      <div class="d-grid mt-3">
        <c-button type="submit"
                  text="{% trans 'Sign Up' %}"
                  variant="primary"
                  class="w-100" />
      </div>
    </c-form>
  </c-card>
  {# djlint:on #}
{% endblock content %}