{% load socialaccount %}

{% get_providers as socialaccount_providers %}

{% for provider in socialaccount_providers %}
{% if provider.id == "openid" %}
{% for brand in provider.get_brands %}
  <a title="{{brand.name}}"
     class="block px-8 py-3 border border-steel text-base font-medium rounded-md text-orange md:py-4 md:text-lg md:px-10 {{provider.id}} {{brand.id}}"
     href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
     >{{brand.name}}</a>
{% endfor %}
{% endif %}
    <a title="{{provider.name}}"
       class="w-2/3 mx-auto block px-8 py-3 text-base font-medium rounded-md border border-orange text-white bg-orange dark:bg-slate md:py-4 md:text-lg md:px-10 {{provider.id}}"
       href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}"
    >
      {% if provider.name == "GitHub" %}
        <i class="fab fa-github"></i>
      {% endif %}
      {% if provider.name == "Google" %}
        <i class="fab fa-google"></i>
      {% endif %}
      Use {{provider.name}}
    </a>
{% endfor %}
