{% load socialaccount %}
{% if social_auth_enabled %}
<div class="social-auth">
  <p class="social-auth-label">Continue with</p>
  <div class="social-auth-buttons">
    {% for provider in social_providers %}
    <a href="{% provider_login_url provider.id %}" class="social-auth-btn social-auth-btn--{{ provider.id }}">
      {% if provider.id == "google" %}
      <span class="social-auth-icon" aria-hidden="true">G</span>
      <span>Google</span>
      {% else %}
      <span class="social-auth-icon" aria-hidden="true">GH</span>
      <span>GitHub</span>
      {% endif %}
    </a>
    {% endfor %}
  </div>
</div>
<div class="portal-divider" role="separator"><span>or use email</span></div>
{% endif %}