{% from "macros/_form.html" import render_form %}

{% extends "layout.html" %}

{% block page_title %}Registration{% endblock %}
{% block body_class %}userform register{% endblock %}

{% block content %}
<div class="container-narrow">
    <div class="float-right">
    Already registered? 
      <i class="fa fa-arrow-right" aria-hidden="true"></i>
      <a class="btn btn-success btn-submit btn-lg" 
         href="{{ url_for('auth.login', next=request.args.get('next')) }}">
          Log in here</a>
    </div>

    {% include "includes/loginsso.html" %}

    <br clear="all"/>
    <h1>Register</h1>


  {{ render_form(url_for('auth.register'), form, formid='registerForm') }}

    <p class="text-center mt-4">
      <a href="https://gravatar.com/connect/?source=_signup" target="_blank" rel="noopener noreferrer nofollow" class="float-left pe-4"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 33" fill="none" aria-hidden="true" focusable="false"><path d="M12.8001 3.69881V14.8988C12.8001 15.7472 13.1372 16.5608 13.7371 17.1607C14.3369 17.7606 15.1506 18.0976 15.999 18.0976C16.8473 18.0976 17.661 17.7606 18.2609 17.1607C18.8607 16.5608 19.1978 15.7472 19.1978 14.8988V7.44756C21.1611 8.13974 22.8463 9.45129 23.9993 11.1846C25.1524 12.9178 25.7108 14.9789 25.5905 17.0572C25.4703 19.1355 24.6778 21.1184 23.3324 22.7071C21.9871 24.2958 20.1619 25.4042 18.1318 25.8652C16.1018 26.3263 13.9768 26.115 12.0773 25.2633C10.1777 24.4116 8.60644 22.9656 7.60024 21.1431C6.59403 19.3207 6.20742 17.2205 6.49867 15.1592C6.78991 13.0979 7.74323 11.1872 9.21496 9.71481C9.80525 9.11217 10.1339 8.30095 10.1295 7.45739C10.1252 6.61382 9.78812 5.80606 9.19163 5.20956C8.59513 4.61306 7.78736 4.27602 6.9438 4.27165C6.10024 4.26728 5.28902 4.59594 4.68638 5.18622C2.06885 7.80373 0.439887 11.2479 0.0770649 14.9318C-0.285758 18.6157 0.640006 22.3114 2.69661 25.3893C4.75322 28.4671 7.81341 30.7367 11.3558 31.8111C14.8981 32.8856 18.7035 32.6986 22.1234 31.2819C25.5433 29.8652 28.3661 27.3065 30.111 24.0418C31.8559 20.7771 32.4147 17.0084 31.6924 13.3778C30.97 9.74724 29.0112 6.47945 26.1496 4.13126C23.288 1.78307 19.7007 0.499758 15.999 0.5C15.1506 0.5 14.3369 0.837017 13.7371 1.43691C13.1372 2.03681 12.8001 2.85044 12.8001 3.69881Z" fill="#1D4FC4"></path></svg></a>
      Use
      <a href="https://gravatar.com" target="_blank">Gravatar</a>
      to upload a profile image based on your e-mail address, 
      else it will be imported from an Online Profile
      (GitHub, GitLab, LinkedIn, StackExchange)
    </i></p>

</div>
{% endblock %}