{% extends 'base.html.twig' %}

{% block title %}Log in!{% endblock %}

{% block styles %}
    {% if user_settings.backgroundDownload is defined and user_settings.backgroundDownload is not empty %}
        <style>
            #background {
                background-image: url('{{ asset('images/' ~ user_settings.backgroundDownload) }}');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
            }
        </style>
    {% else %}
        <style>
            #background {
                background-image: url('{{ asset('images/car.png') }}');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
            }
        </style>
    {% endif %}
    <style>
        .navbar {
            color: #FFFFFF !important;
            background-color: #202020 !important;
            border: none !important;
        }
        .logo-wrap {
            color: white !important;
        }

        .footer {
            background-color: #202020;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="row">
            <div class="alert alert-danger" role="alert">
                {% if show_back_button == true %}
                    <h4 class="text-center">{{ 'lang.wrongCode' | trans }}</h4>
                {% else %}
                    <h4 class="text-center">{{ 'lang.accessBlocked' | trans }}</h4>
                {% endif %}
            </div>
        </div>
        <div class="row">
            <div class="col">
                {% if show_back_button == true %}
                    <p class="text-center"><a href="{{ path('app_download_login', {'id': id}) }}" class="btn btn-warning">{{ 'lang.return' | trans }}</a></p>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}