{% load socialaccount %}
{% load static %}

{% get_providers as socialaccount_providers %}

<ul class="list-group">
{% for provider in socialaccount_providers %}
  {% if provider.id == "openid" %}
    {% for brand in provider.get_brands %}
      <li class="list-group-item">
        <a title="{{brand.name}}"
           class="socialaccount_provider {{provider.id}} {{brand.id}}"
           href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
        >{{brand.name}}</a>
      </li>
    {% endfor %}
  {% endif %}
  {% if provider.id == "teamsnap"%}
    <li class="list-group-item">
      <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}"
         href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">
        <img src="{% static "images/teamsnap.svg" %}" style="height:1.5em;">
      </a>
    </li>
  {% else %}
    <li class="list-group-item">
      <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}"
         href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">{{provider.name}}</a>
    </li>
  {% endif %}
{% endfor %}
</ul>