<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/c38e9d94a3.js" crossorigin="anonymous"></script>
{% endblock %}
<style>
a {color:#000; text-decoration:none;}
</style>
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
{% endblock %}
</head>
<body style="background-color: #b4cafe;">
<style>
.example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>
{# Flash Messages #}
{% if app.session.flashbag.peekAll|length > 0 %}
{% for type, messages in app.session.flashbag.all %}
{% for message in messages %}
<div class="alert alert-{{ type ? type : '' }}">
{{ message|trans({}, domain|default('messages'))|raw }}
</div>
{% endfor %}
{% endfor %}
{% endif %}
<div class="example-wrapper">
<div style="width:100%; height:150px; align-content: center;"><img style="display:block; margin:auto; margin-top:140px;" src="{{ asset('graphics/logo_large.png') }}" /></div>
{% if error is defined and error is not empty %}
<div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% block body %}{% endblock %}
</div>
</body>
</html>