<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>{% block title %}{{ app_name }}{% endblock %}</title>
{# Favicon #}
<link rel="icon" href="{{asset('images/favicon.jpg')}}">
{# Fonts #}
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400&display=swap">
{# Metronic 8 bundle #}
<link rel="stylesheet" href="{{asset('metronic/assets/plugins/global/plugins.bundle.css')}}">
<link rel="stylesheet" href="{{asset('metronic/assets/css/style.bundle.css')}}">
{# Icons #}
<link rel="stylesheet" href="{{asset('bootstrap-icons/1.10.3/bootstrap-icons.css')}}">
{# Custom stylesheets #}
{% block stylesheets %}{% endblock %}
</head>
<body id="kt-body" class="bg-body">
<div class="d-flex flex-column flex-root">
{% include '_components/_toasts.html.twig' %}
<div class="d-flex flex-column flex-lg-row flex-column-fluid">
<div class="d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative bg-light" style="background-image: url({{ asset('images/aside-login.png') }}); background-repeat: no-repeat; background-position: center center; background-size: cover;">
<div class="d-flex flex-column w-xl-600px position-xl-fixed top-0 bottom-0 scroll-y">
<div class="d-flex flex-row-fluid flex-column p-10 pt-lg-20 text-center">
<a href="{{ path('login') }}" class="mb-5 py-9">
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="h-60px">
</a>
<p class="fs-2 text-gray-600 fw-bold">Bienvenue</p>
</div>
</div>
</div>
<div class="d-flex flex-column flex-lg-row-fluid py-10 gra200">
<div class="d-flex flex-center flex-column flex-column-fluid">
<div class="w-lg-500px p-10 p-lg-15 mx-auto">
{% block body %}{% endblock %}
</div>
</div>
</div>
</div>
</div>
{% block modals %}{% endblock %}
{# jQuery 3.6.0 #}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{# Metronic scripts #}
<script src="{{asset('metronic/assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('metronic/assets/js/scripts.bundle.js')}}"></script>
{# Custom scripts #}
<script src="{{asset('js/_toasts.js')}}"></script>
{% block javascripts %}{% endblock %}
</body>
</html>