<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1171CM4SMG"></script>
{% if get_environnement() == "prod" %}
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1171CM4SMG');
</script>
<!-- End google tag (gtag.js) -->
{% endif %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content=" ">
<title>{% block title %}{{ "app.elearning_platform.main_title" | trans({}, "message") }}{% endblock %}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ asset('elearning_platform/images/apple-touch-icon-144-precomposed.png') }}">
<link rel="icon" href="{{ asset("build/mybiz/images/favicon.ico", "mybiz") }}" />
{% block stylesheets %}
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('elearning_platform/css/bs5/bootstrap.css') }}">
<link href="{{ asset('css/notyf.min.css') }}" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
{{ encore_entry_link_tags('mybiz_theme', null, "mybiz") }}
{% endblock %}
</head>
<body>
<main id="SecurityPage">
<div class="p-0 position-relative min-vh-100">
{% include 'elearning_platform/partials/_locale_switcher.html.twig' %}
<div
class="row m-0 g-0 min-vh-100">
<!-- Image Section - Desktop Only -->
<div class="col-lg-6 d-none d-lg-block p-0 login-image-container">
<div class="login-image-wrapper h-100">
{% set randOneThree = random([1,2,3]) %}
<img src="{{ asset("build/mybiz/images/security/banner_" ~ randOneThree ~ ".jpg", "mybiz") }}" alt="Login" class="login-image">
</div>
</div>
<!-- Form Section -->
<div class="col-lg-6 py-5 d-flex align-items-center">
<section class="py-4" id="security-page-wrapper">
<div class="text-center">
<div class="mx-auto my-2">
<a href="#" aria-label="MyBiz">
<img src="{{ asset("build/mybiz/images/logo/mybiz-logo-white.png", "mybiz") }}" alt="MyBiz" class="img-fluid" style="max-width: 75px;">
</a>
</div>
</div>
<div class="security-page-content">
{% block content %}{% endblock %}
</div>
</section>
</div>
</div>
</div>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="notyf"
data-type="{{ label }}"
data-message="{{ message }}"
data-position-x="center"
data-position-y="top"
></div>
{% endfor %}
{% endfor %}
</main>
{% block javascripts %}
<script src="{{ asset('elearning_platform/js/vendors/jquery.min.js') }}"></script>
<script src="{{ asset('js/plugins/flatpickr.min.js') }}"></script>
<link href="https://cdn.lineicons.com/5.0/lineicons.css" rel="stylesheet" />
<script src="{{ asset('js/plugins/notyf.min.js') }}"></script>
{{ encore_entry_script_tags('futures_app', null, "futures") }}
{% endblock %}
</body>
</html>