<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Se connecter | Al Dirassa</title>
<meta name="description" content="Al Dirassa - Plateforme d'administration">
<meta name="author" content="BA Développement">
<!-- Open Graph Meta -->
<meta property="og:title" content="Al Dirassa - Plateforme d'administration">
<meta property="og:site_name" content="Al Dirassa">
<meta property="og:description" content="Al Dirassa - Plateforme d'administration">
<meta property="og:type" content="Al Dirassa">
<meta property="og:url" content="https://al-dirassa.com/fr/" />
<meta property="og:image" content="{{ asset('assets/media/quran-image.jpg') }}">
<!-- Icons -->
<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
<link rel="shortcut icon" href="{{ asset('assets/media/favicons/favicon.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('assets/media/favicons/favicon.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/media/favicons/favicon.png') }}">
<!-- END Icons -->
<link rel="stylesheet" id="css-main" href="{{ asset('assets/css/oneui.min.css') }}">
</head>
<body>
<!-- Main Container -->
<main id="main-container remember-theme">
<!-- Page Content -->
<div class="bg-image" style="background-image: url('{{ asset('assets/media/quran-image.jpg') }}');">
<div class="row g-0 bg-primary-dark-op">
<!-- Meta Info Section -->
<div class="hero-static col-lg-4 d-none d-lg-flex flex-column justify-content-center">
<div class="p-4 p-xl-5 flex-grow-1 d-flex align-items-center">
<div class="w-100">
<img src="{{ asset('assets/media/logos/hd-logo.png') }}" alt="Logo Al Dirassa" height="128px"><br />
<p class="text-white-75 me-xl-8 mt-2">
Bienvenue sur votre espace Al Dirassa. Complétez le formulaire pour vous connecter à votre espace
</p>
</div>
</div>
<div class="p-4 p-xl-5 d-xl-flex justify-content-between align-items-center fs-sm">
<p class="fw-medium text-white-50 mb-0">
© 2012 - {{ "now"|date('Y') }} - <a class="fw-semibold text-white" href="https://al-dirassa.com/" target="_blank">Al Dirassa</a> | Tous droits réservés
</p>
</div>
</div>
<!-- END Meta Info Section -->
<!-- Main Section -->
<div class="hero-static col-lg-8 d-flex flex-column align-items-center bg-body-extra-light">
<div class="p-3 w-100 d-lg-none text-center">
<a class="link-fx fw-semibold fs-3 text-dark" href="{{ path('app_home') }}">
Al Dirassa
</a>
</div>
<div class="p-4 w-100 flex-grow-1 d-flex align-items-center">
<div class="w-100">
<!-- Header -->
<div class="text-center mb-5">
<p class="mb-3">
<img src="{{ asset('assets/media/logos/hd-logo.png') }}" alt="Logo Al Dirassa" height="128px">
</p>
{% if app.user %}
<h1 class="fw-bold mb-2">
Vous êtes connecté en tant que {{ app.user.userIdentifier }}<br /> <a class="btn btn-danger" href="{{ path('app_logout') }}">Se déconnecter</a> <a href="{{ path('app_home') }}" class="btn btn-primary">Retour au tableau de bord</a>a
</div>
{% else %}
<h1 class="fw-bold mb-2">
Se connecter
</h1>
<p class="fw-medium text-muted">
Si vous n'êtes pas inscrit, <a href="https://al-dirassa.com/fr/inscription/">cliquez-ici</a> et laissez vous guider
</p>
</div>
<!-- END Header -->
<div class="row g-0 justify-content-center">
<div class="col-sm-8 col-xl-4">
<form class="js-validation-signin" method="POST">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div class="mb-4">
<input type="email" class="form-control form-control-lg form-control-alt py-3" value="{{ last_username }}" name="email" placeholder="Adresse mail" autocomplete="email" required autofocus>
</div>
<div class="mb-4">
<input type="password" class="form-control form-control-lg form-control-alt py-3" autocomplete="current-password" name="password" placeholder="Mot de passe" required>
</div>
<div class="checkbox mb-4">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" value="" id="example-switch-default1" name="_remember_me" checked="">
<label class="form-check-label" for="example-switch-default1">Se souvenir de moi ?</label>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<a class="text-muted fs-sm fw-medium d-block d-lg-inline-block mb-1" href="https://al-dirassa.com/fr/mon-compte-2/lost-password/" target="_blank">
Mot de passe oublié ?
</a>
</div>
<div>
<button type="submit" class="btn btn-lg btn-alt-primary">
<i class="fa fa-fw fa-sign-in-alt me-1 opacity-50"></i> Se connecter
</button>
</div>
</div>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
</form>
</div>
</div>
<!-- END Sign In Form -->
{% endif %}
</div>
</div>
</div>
<!-- END Main Section -->
</div>
</div>
<!-- END Page Content -->
</main>
<!-- END Main Container -->
</div>
<!-- END Page Container -->
<!--
OneUI JS
Core libraries and functionality
webpack is putting everything together at assets/_js/main/app.js
-->
<script src="{{ asset('assets/js/oneui.app.min.js') }}"></script>
<!-- jQuery (required for jQuery Validation plugin) -->
<script src="{{ asset('assets/js/lib/jquery.min.js') }}"></script>
</body>
</html>