{% extends "base.auth.html" %}
{% block container %}
<div class="row g-0 flex-fill">
    <div class="col-12 col-lg-6 col-xl-4 d-flex flex-column justify-content-center">
        <div class="container container-tight my-5 px-lg-5">
            {% include "login_form.html" %}
        </div>
    </div>
    <div class="col-12 col-lg-6 col-xl-8 d-none d-lg-block">
        {% if chat_room.cover_image %}
            <div class="bg-cover h-100 min-vh-100" style="background-image: url({{MEDIA_URL}}/chatrooms/{{chat_room.cover_image}})"></div>
        {% else %}
            {% if SETTINGS.login_page_image %}
                <div class="bg-cover h-100 min-vh-100" style="background-image: url({{MEDIA_URL}}/settings/{{SETTINGS.login_page_image}})"></div>
            {% else %}
                <div class="bg-cover h-100 min-vh-100" style="background-image: url({{STATIC_URL}}/img/login.jpg"></div>
            {% endif %}
        {% endif %}
    </div>
</div>
{% endblock %}