<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}Authentification{% endblock %}</title>
{% if FAVICON_URL %}
<link rel="icon" type="image/png" href="{{ FAVICON_URL }}" />
{% endif %}
{{ encore_entry_link_tags('main') }}
{% if STYLE_URL %}
<link href="{{ STYLE_URL }}" rel="stylesheet" />
{% endif %}
{% block stylesheets %}{% endblock %}
</head>
<body class="background--initial">
<div id="background-logo" class="background"></div>
{% if ADDITIONAL_BG_URL %}
<div id="background-additional" class="background background--additional"></div>
{% endif %}
<div class="container-fluid">
{% block body %}
<div class="row">
<div class="col-sm-1 col-md-2 col-lg-2"></div>
<div class="col-sm-7 col-md-5 col-lg-4 col-xl-3">
{% block card %}{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% if MORE_LOGOS_URLS %}
<footer class="row justify-content-center bg-white w-100 p-2 d-none d-lg-flex footer">
{% for logo_url in MORE_LOGOS_URLS | split(';') %}
<div class="col-2 text-center">
<img src="{{ logo_url }}" alt="" />
</div>
{% endfor %}
</footer>
{% endif %}
{{ encore_entry_script_tags('app') }}
{% block javascripts %}
{% if BG_URL %}
<script>
const background = document.getElementById('background-logo');
document.body.classList.remove('background--initial');
background.style.backgroundImage = "url('{{ random(BG_URL|split(";")) }}')";
</script>
{% endif %}
{% if ADDITIONAL_BG_URL %}
<script>
const additionalBackground = document.getElementById('background-additional');
additionalBackground.style.backgroundImage = "url('{{ ADDITIONAL_BG_URL }}')";
</script>
{% endif %}
{% endblock %}
</body>
</html>