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

{% block style %}
    {{ parent() }}
    <style>
        .card-header.sb-card {
            box-shadow: none;
        }

        .be-login .form-check-input {
            transform: scale(1.4);
            transform-origin: center;
            cursor: pointer;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="be-wrapper be-login">
        <div class="be-content">
            <div class="main-content container-fluid">
                <div class="splash-container">
                    <div class="card card-border-color card-border-color-primary">
                        <div class="card-header sb-card">
                            {% if app.request.locale == 'fr' %}
                                <img class="logo-img" src="{{ asset('application/assets/FDB_logos-fr.svg') }}" alt="logo" height="70">
                            {% elseif app.request.locale == 'nl' %}
                                <img class="logo-img" src="{{ asset('application/assets/FDB_logos-nl.svg') }}" alt="logo" height="70">
                            {% else %}
                                <img class="logo-img" src="{{ asset('application/assets/FDB_logos-nl.svg') }}" alt="logo" height="70">
                            {% endif %}
                        </div>
                        <div class="card-body">
                            <div class="language-navigation buttons is-centered">
                                {% set route = app.request.attributes.get('_route') %}
                                {% set params = app.request.attributes.get('_route_params')|default({}) %}

                                <a class="button is-rounded{% if app.request.locale == 'nl' %} active{% endif %}"
                                   href="{{ path(route, params|merge({'_locale': 'nl'})) }}">
                                    nl
                                </a>

                                <a class="button is-rounded{% if app.request.locale == 'fr' %} active{% endif %}"
                                   href="{{ path(route, params|merge({'_locale': 'fr'})) }}">
                                    fr
                                </a>
                            </div>
                            {% block cardBody %}
                            {% endblock %}
                        </div>
                    </div>
                    <div class="splash-footer"><span>Reg Burns 2.0</span></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block ga %}
{% endblock %}