{% 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 Google Sign-In path (see MobileGoogleAuthView); the web OAuth
      redirect is blocked inside embedded WebViews ("disallowed_useragent"), so hide it in the app.
    {% endcomment %}
    {% if GOOGLE_LOGIN_ENABLED and not request.is_mobile_app %}
    <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 %}

      <br><br><h5>{% if GOOGLE_LOGIN_ENABLED and not request.is_mobile_app %}Don't have a Google account?  {% endif %}Sign in with your account on this site:</h5>

    <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 %}