<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}TWIN{% 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.svg') }}" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
{{ encore_entry_link_tags('theme') }}
{% block stylesheets %}{% 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">
<a href="{{ path('customer_project_list') }}" class="mb-6">
<img alt="Logo" src="{{ asset('build/images/Twin-white.svg') }}" class="h-50px h-lg-75px"/>
</a>
<h5 class="text-white-50">La réalité virtuelle au service de votre projet</h5>
</div>
<div class="d-flex w-100 justify-content-end">
<img alt="Logo" src="{{ asset('build/images/login.svg') }}" />
</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">
<span>
© TWIN —
Une solution du <a href="https://appolo.fr" target="_blank" rel="nofollow">Groupe Appolo</a>
</span>
</div>
</div>
</div>
</div>
{{ block('flashes', 'shared/_blocks/flashes.html.twig') }}
{{ encore_entry_script_tags('theme') }}
{% block javascripts %}{% endblock %}
</body>
</html>