{% extends 'layouts/registration-2.html' %}

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

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

{% block content %}

    <h3>{% trans "Sign In" %}</h3>

    {% get_providers as socialaccount_providers %}

    {% if socialaccount_providers %}
        <p>{% blocktrans 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>

        <div class="socialaccount_ballot">

            <ul class="socialaccount_providers">
                {% include "socialaccount/snippets/provider_list.html" with process="login" %}
            </ul>

            <div class="login-or">{% trans 'or' %}</div>

        </div>

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

    {% else %}
        {#        <p>{% blocktrans %}If you have not created an account yet, then please#}
        {#            <a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>#}
        <p>{% blocktrans %}아직 계정이 없으신가요?
            <a href="{{ signup_url }}">회원가입</a> 후 로그인하세요.{% endblocktrans %}</p>
    {% endif %}

    <form class="login needs-validation" method="POST" action="{% url 'account_login' %}" novalidate>
        {% csrf_token %}

        {% if next %}
            <input type="hidden" name="next" value="{{ next }}"/>
        {% endif %}

        {% for field in form %}
            <div class="form-group">
                {% if not field.field.widget.input_type == "checkbox" %}
                    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                    <input class="form-control" type="{{ field.field.widget.input_type }}" id="{{ field.id_for_label }}"
                           name="{{ field.name }}" placeholder="{{ field.label }}" required>
                {% else %}
                    <div class="custom-control custom-checkbox">
                        <input class="custom-control-input" type="{{ field.field.widget.input_type }}"
                               id="{{ field.id_for_label }}" checked>
                        <label class="custom-control-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                    </div>
                {% endif %}
            </div>
        {% endfor %}

        {% if form.errors %}
            {% for field in form %}
                {% for error in field.errors %}
                    <div class="alert alert-danger">
                        <strong>{{ error|escape }}</strong>
                    </div>
                {% endfor %}
            {% endfor %}
            {% for error in form.non_field_errors %}
                <div class="alert alert-danger">
                    <strong>{{ error|escape }}</strong>
                </div>
            {% endfor %}
        {% endif %}

        {% if redirect_field_value %}
            <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
        {% endif %}
        <button class="primaryAction btn btn-primary btn-block mb-1" type="submit">{% trans "Sign In" %}</button>
        <a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
    </form>

{% endblock %}