{% extends "account/base.html" %}
{% comment %}
This file is part of photo21
Copyright (C) 2022  Amicale des élèves de l'ENS Paris-Saclay
SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
{% load i18n crispy_forms_tags account socialaccount %}
{% block head_title %}{% trans "Sign In" %}{% endblock %}

{% block content %}
<div class="card mx-auto login">
    <div class="card-body">
        {% get_providers as socialaccount_providers %}
        {% if socialaccount_providers %}
        <div class="d-grid col-6 mx-auto">
            {% include "socialaccount/snippets/provider_list.html" with process="login" %}
        </div>
        {% if not SOCIALACCOUNT_ONLY %}
        <hr/>
        <p>{% blocktrans trimmed with site.name as site_name %}Please sign in with one
            of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
            for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
        {% endif %}

        {% include "socialaccount/snippets/login_extra.html" %}

        {% else %}
        <p>{% blocktrans trimmed %}If you have not created an account yet, then please
        <a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
        {% endif %}

        {% if not SOCIALACCOUNT_ONLY %}
        <form 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 %}
            <div class="d-grid col-6 mx-auto">
                <button type="submit" class="btn btn-primary btn-lg my-2">{% trans "Sign In" %}</button>
            </div>
        </form>
        {% url 'account_reset_password' as reset_url %}{% if reset_url %}<a class="link-secondary" href="{{ reset_url }}">{% trans "Forgot Password?" %}</a>{% endif %}
        {% endif %}
    </div>
</div>
<!-- <p class="small text-center mt-1">{% trans "If any problem, please contact the server owners at" %} <code>photos[at]crans.org</code>.</p> -->
{% endblock %}