<!DOCTYPE html><html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimal-ui">
	<title>Admin CheckAuto</title>
	<meta content="Admin Dashboard" name="description">
	<meta content="Themesbrand" name="author">
	<link rel="shortcut icon" href="assets/images/logo-sm.png">
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css">
	<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
	<link href="assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
	<style type="text/css">
		body,html{
			overflow: hidden;
		}
		body{
			background: #000;
		}
		.card {
		    background: #004a24;
		}
	</style>
	<div class="wrapper-page">
		<div class="card overflow-hidden account-card mx-3">
			<div class="bg-primary p-4 text-black text-center position-relative" style="background-color: #ffe500!important;">
				<h4 class="font-20 m-b-5">Bienvenue</h4>
				<p class="text-black-50 mb-4">Se connecter pour continuer.</p>
				<a href="index.html" class="logo logo-admin" style="background: #000;">
					<img src="assets/images/logo-sm.png" height="40" alt="logo">
				</a>
			</div>
			<div class="account-card-content">
				<form class="form-horizontal m-t-30" method="POST" action="utilisateur/login">
					<?php
						if(isset($_SESSION['error'])){
							?>
								<div class="alert alert-danger alert-dismissible fade show mb-0" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong><?=$_SESSION['error']?></strong> </div>
								<script type="text/javascript">
									setTimeout(() => {
							            $(".alert-danger.alert").css('display','none');
							          }, 2000);
								</script>
							<?php
							unset($_SESSION['error']);
						}
					?>
					<div class="form-group">
						<label for="username">Email</label> 
						<input type="text" class="form-control" id="username" placeholder="" name="pseudo" required="">
					</div>
					<div class="form-group">
						<label for="userpassword">Mot de passe</label> 
						<input type="password" class="form-control" id="userpassword" placeholder="" name="password" required="">
					</div>
					<div class="form-group row m-t-20">
						<div class="col-sm-6">
							<div class="custom-control custom-checkbox" style="display: none;">
								<input type="checkbox" class="custom-control-input" id="customControlInline"> 
								<label class="custom-control-label" for="customControlInline">Remember me</label>
							</div>
						</div>
						<div class="col-sm-6 text-right">
							<button class="btn btn-primary w-md waves-effect waves-light" type="submit" 
							style="background-color: #ffe500!important;border-color:#ffe500;color:#000">Connexion</button>
						</div>
					</div>
					<div class="form-group m-t-10 mb-0 row" style="display: none;">
						<div class="col-12 m-t-20">
							<a href="pages-recoverpw.html"><i class="mdi mdi-lock"></i> Forgot your password?</a>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="m-t-40 text-center">
			<p>© 2023 Savana Islamic Finance <span class="d-none d-sm-inline-block">- Designed <i class="mdi mdi-heart text-danger"></i> by worldevs</span>.</p>
		</div>
	</div>
	<!-- end wrapper-page -->
	<!-- jQuery  -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.bundle.min.js"></script>
	<script src="assets/js/metisMenu.min.js"></script>
	<script src="assets/js/jquery.slimscroll.js"></script>
	<script src="assets/js/waves.min.js"></script>
	<!-- App js -->
	<script src="assets/js/app.js"></script>
</body>
</html>