{#
  SPDX-FileCopyrightText: 2015-2020 CERN.
  SPDX-FileCopyrightText: 2021-2026 TU Wien.
  SPDX-License-Identifier: MIT
#}

{#- base: invenio-oauthclient v5.2.0 #}
{#- changes: display text #}

{%- extends config.OAUTHCLIENT_SETTINGS_TEMPLATE %}

{% from "invenio_oauthclient/_macros.html" import render_field %}

{% block page_body %}
  <div class="ui centered grid rel-mb-2">
    <div class="row">

      {%- block signup_panel %}
        <div>

          {%- block signup_header %}
            <div class="ui center aligned header">
              <div class="content">
                <div class="ui hidden divider"></div>

                {%- block signup_app_icon %}
                  {% if app_icon -%}
                    <i class="{{app_icon}}"></i>
                  {%- endif %}
                {%- endblock %}

                {#- TODO probably misused headings #}
                <h3 class="ui header">
                  {{ _('Sign-up with %(title)s!', title=app_title) }}
                </h3>
                <h5 class="ui grey header">
                  {#- change: text, we don't want "details filled in" #}
                  {{ _('Please accept the terms and conditions to complete your registration. You only have to do this once.') }}
                </h5>
                <div class="ui hidden divider"></div>
              </div>
            </div>
          {%- endblock %}

          {%- block signup_form %}
            <form class="ui form" name="edit" method="post" role="form">

              {%- for field in form %}
                {{ render_field(field) }}
              {%- endfor %}

              <div class="ui hidden divider"></div>
              <button type="submit" class="ui fluid large signup submit button">
                <i class="ui edit outline icon"></i>{{ _('Complete registration') }}
              </button>
            </form>
          {%- endblock %}

        </div>
      {%- endblock %}

    </div>
  </div>
{%- endblock %}