<!DOCTYPE html>
<html class="h-full">
<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') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
<body class="antialiased h-full bg-page-background font-roboto text-black">
<div class="h-[calc(100%-5.5rem)] flex justify-center items-center flex-col">
<img src="{{ asset('build/images/logo.svg') }}" alt="logo" class="mb-4">
<div class="bg-white rounded-lg px-10 py-8 mb-6 auth-modal z-10">
{% block body %}{% endblock %}
</div>
</div>
<div data-controller="external-resources" class="relative bottom-0 flex justify-between px-8 pb-8">
<div>
<a href="{{ instruction_link }}" class="text-disabled-200 hover:text-black min-h-[56px] group flex items-center rounded-lg border border-0 px-3 py-2.5 text-base font-medium text-left bg-transparent hover:bg-background-200 focus:outline-none active:bg-blue-100 active:text-white">
<span class="text-disabled-200 group-hover:text-blue-100 group-active:text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M18 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2ZM18 20H6V4H7V12.6C7 12.7648 7.18815 12.8589 7.32 12.76L9.88 10.84C9.95111 10.7867 10.0489 10.7867 10.12 10.84L12.68 12.76C12.8118 12.8589 13 12.7648 13 12.6V4H18V20Z" fill="currentColor"/>
</svg>
</span>
<span class="module-name ml-3">
{{ 'info.instruction'|trans }}
</span>
</a>
</div>
<button type="button" data-action="click->external-resources#showTechnicalSupportModal" class="text-disabled-200 hover:text-black min-h-[56px] group flex items-center rounded-lg border-0 px-3 py-2.5 text-base font-medium text-left bg-transparent hover:bg-background-200 focus:outline-none active:bg-blue-100 active:text-white">
<span class="text-disabled-200 group-hover:text-blue-100 group-active:text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M15 4V11H5.17L4.58 11.59L4 12.17V4H15ZM16 2H3C2.45 2 2 2.45 2 3V15.7929C2 16.2383 2.53857 16.4614 2.85355 16.1464L6 13H16C16.55 13 17 12.55 17 12V3C17 2.45 16.55 2 16 2ZM21 6H19V15H6V17C6 17.55 6.45 18 7 18H18L21.1464 21.1464C21.4614 21.4614 22 21.2383 22 20.7929V7C22 6.45 21.55 6 21 6Z" fill="currentColor"/>
</svg>
</span>
<span class="module-name ml-3">
{{ 'info.support.title'|trans }}
</span>
</button>
{% include '@base/components/support_modal.html.twig' %}
</div>
</body>
</html>