{% load socialaccount %}\n{% get_providers as socialaccount_providers %}\n<!-- Login Modal -->\n<div id="login-modal" uk-modal>\n <div class="uk-modal-dialog custom-modal uk-padding">\n <button class="uk-modal-close-default uk-close-large uk-padding-small" type="button" uk-close>\n </button>\n <!-- Modal Header -->\n <div class="modal-header">\n <h2 class="uk-text-large uk-text-bold">Log in to Readux</h2>\n </div>\n <!-- Modal Content -->\n <div class="sso-text color-black uk-text-medium">Login via one of the following services:</div>\n <!-- SSO Buttons -->\n <div class="sso-buttons">\n <div class="uk-grid uk-child-width-expand@s " uk-grid>\n {% for provider in socialaccount_providers %}\n {% if provider.id not in user.socialaccount_list or user.is_anonymous %}\n <form action="{% provider_login_url provider.id next=request.path process="login" %}" method="post">\n {% csrf_token %}\n <button class="uk-button uk-button-default sso-button {{ provider.id }}" type="submit">\n <span uk-icon="{{ provider.id }}" class="uk-margin-small-right"></span>{{ provider.name }}\n </button>\n </form>\n {% elif provider.id not in user.socialaccount_list and user.is_authenticated %}\n <form action="{% provider_login_url provider.id next=request.path process="connect" %}" method="post">\n {% csrf_token %}\n <button class="uk-button uk-button-default sso-button {{ provider.id }}" type="submit">\n <span uk-icon="{{ provider.id }}" class="uk-margin-small-right"></span>{{ provider.name }}\n </button>\n </form>\n {% endif %}\n {% endfor %}\n </div>\n </div>\n <!-- Help Link -->\n <div class="uk-text-center uk-margin-top">\n Need help? <a href="#" class="text-anchor-blue">Contact us</a>\n </div>\n </div>\n</div>\n