{% if socialaccount.providers %}
  <ul class="no-bullets socialaccount_providers">
    {% for provider in socialaccount.providers %}
        {% if provider.id == "openid" %}
            {% for brand in provider.get_brands() %}
              <li><a title="{{ brand.name }}"
                 class="socialaccount_provider {{ provider.id }} {{ brand.id }}"
                 href="{{ provider_login_url(provider.id, openid=brand.openid_url, process=process, next=next_url) }}"
                 >{{ brand.name }}</a></li>
            {% endfor %}
        {% endif %}
        {% if provider.id == "persona" %}
          <li><a href="{{ url('account_login') }}" class="persona-button login-link launch-persona-login" data-next="{{ next_url }}" data-service="{{ provider.name }}" data-process="{{ process }}">
            <span class="persona-icon"><i aria-hidden="true"></i></span>
            <span class="signin">
            {% if process == "connect" %}
              {{ _('Connect with Persona') }}
            {% else %}
              {{ _('Sign in with Persona') }}
            {% endif %}
            </span>
          </a></li>
        {% elif provider.id == "github" %}
          {% if waffle.flag('github_login') %}
            <li><a href="{{ provider_login_url(provider.id, process=process, next=next_url) }}" class="github-button login-link" data-next="{{ next_url }}" data-service="{{ provider.name }}" data-process="{{ process }}">
              <span class="github-icon"><i class="icon-github" aria-hidden="true"></i></span>
              <span class="signin">
              {% if process == "connect" %}
                {{ _('Connect with GitHub') }}
              {% else %}
                {{ _('Sign in with GitHub') }}
              {% endif %}
              </span>
            </a></li>
          {% endif %}
        {# {% else %}
          <li><a title="{{ provider.name }}" class="socialaccount_provider {{ provider.id }}" href="{{ provider_login_url(provider.id, process=process, next=next_url) }}">{{ provider.name }}</a></li> #}
        {% endif %}
    {% endfor %}
  </ul>
{% endif %}
