{% extends "base.html" %}

{% load i18n %}
{% load crispy_forms_tags %}
{% load account socialaccount %}

{% block title %}{% trans "Sign In" %}{% endblock %}

{% block content %}
    <h1>{% trans "Sign In" %}</h1>

    {% comment %}
      The native app has its own sign-in path for all three providers (MobileSocialAuthView); the
      web OAuth redirect is blocked inside embedded WebViews ("disallowed_useragent"), so hide these
      in the app. Each provider appears only when this deployment has configured it — a site with
      none of them just shows the password form below.
    {% endcomment %}
    {% if not request.is_mobile_app %}
      {% if GOOGLE_LOGIN_ENABLED %}
      <a id='sign-in-google' class='btn btn-primary' href="/google/login/?process=login&next={{ redirect_field_value }}">Sign in with your Google account</a>
      {% endif %}
      {% if APPLE_LOGIN_ENABLED %}
      <a id='sign-in-apple' class='btn btn-primary' href="/apple/login/?process=login&next={{ redirect_field_value }}">Sign in with Apple</a>
      {% endif %}
      {% if FACEBOOK_LOGIN_ENABLED %}
      <a id='sign-in-facebook' class='btn btn-primary' href="/facebook/login/?process=login&next={{ redirect_field_value }}">Sign in with Facebook</a>
      {% endif %}
    {% endif %}

    {% with social_shown=GOOGLE_LOGIN_ENABLED|default:APPLE_LOGIN_ENABLED|default:FACEBOOK_LOGIN_ENABLED %}
      <br><br><h5>{% if social_shown and not request.is_mobile_app %}Rather not use those?  {% endif %}Sign in with your account on this site:</h5>
    {% endwith %}

    <form class="login" method="POST" action="{% url 'account_login' %}">
      {% csrf_token %}
      {{ form | crispy }}
      {% if redirect_field_value %}
      <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
      {% endif %}

      <a class='btn btn-primary' href="{{ signup_url }}">Create a new account</a> <a class="btn btn-secondary" href="{% url 'account_reset_password' %}">{% trans "Forgot Password" %}</a> <button id='sign-in-local' class="btn btn-success" type="submit">{% trans "Sign In" %}</button>
    </form>

    {% endblock %}