<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
<meta charset="UTF-8">
<title>{% block title %}{{ site_title }}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimal-ui"/>
{# <link rel="icon" type="image/png" href="{{ asset('build/images/favicon.png') }}"/> #}
{% block stylesheets %}
{{ encore_entry_link_tags('theme') }}
{{ encore_entry_link_tags('auth') }}
{% endblock %}
</head>
<body class="bg-white {{ app.request.attributes.get('_route') }}">
<div class="d-flex flex-column flex-root">
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
<div class="d-flex flex-column flex-lg-row-auto bg-primary w-lg-600px pt-15 pt-lg-0">
<div class="d-flex flex-row-fluid flex-center flex-column-auto flex-column text-center mb-5">
<img alt="Logo" src="{{ asset('build/images/logo.svg') }}"
class="h-50px h-lg-150px"/>
<div class="text-white fw-bold fs-5 mt-5">
{{ "People at the heart of financial markets" | trans }}
</div>
</div>
</div>
{% from "shared/_components/icons.html.twig" import callIcon %}
<div class="language_switcher">
<a href="#" class="btn" data-kt-menu-trigger="click"
data-kt-menu-placement="bottom-end">
<span class="rounded bg-light px-3 py-2">
<span class="fs-8">{{ (app.request.locale == 'fr' ? 'French' : 'English')|trans }}
{{ block(app.request.locale, "shared/_components/icons.html.twig") }}</span>
</span>
</a>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-150px py-4"
data-kt-menu="true">
<div class="menu-item px-3">
<a href="{{ path('language_switcher', { language: 'en'}) }}"
class="menu-link d-flex px-5 {% if app.request.locale == 'en' %}active{% endif %}">
<span class="symbol symbol-20px me-4">
{{ block("en", "shared/_components/icons.html.twig") }}
</span>{{ "English"|trans }}
</a>
</div>
<div class="menu-item px-3">
<a href="{{ path('language_switcher', { language: 'fr'}) }}"
class="menu-link d-flex px-5 {% if app.request.locale == 'fr' %}active{% endif %}">
<span class="symbol symbol-20px me-4">
{{ block("fr", "shared/_components/icons.html.twig") }}
</span>{{ "French"|trans }}
</a>
</div>
</div>
</div>
<div class="login-content flex-lg-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden py-10 py-lg-20 px-10 p-lg-7 mx-auto mw-450px w-100">
{% block body %}{% endblock %}
<div class="d-flex justify-content-lg-start justify-content-center align-items-center py-2 py-lg-7 py-lg-0 fs-5 fw-bolder">
© {{ site_title }}
</div>
</div>
</div>
</div>
{{ block('flashes', 'shared/_blocks/flashes.html.twig') }}
{% block javascripts %}
{{ encore_entry_script_tags('theme') }}
{% endblock %}
</body>
</html>