<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login - MAZER MEDICAL OFFICE</title>
    <link rel="stylesheet" href="assets/css/main/app.css">
    <link rel="stylesheet" href="assets/css/pages/auth.css">
    <link rel="shortcut icon" href="assets/images/logo/favicon.svg" type="image/x-icon">
    <link rel="shortcut icon" href="assets/images/logo/favicon.png" type="image/png">
</head>

<body>
    <div id="auth">
        <div class="row h-100">
            <div class="col-lg-5 col-12">
                <div id="auth-left">
                    <div class="auth-logo">
                        <a href="List.php"><img src="assets/images/logo/logo.svg" alt="Logo"></a>
                    </div>
                    <h1 class="auth-title">Log in.</h1>
                    <?php session_start(); if (isset($_SESSION["errorMessage"])) { ?>

                        <div class="alert alert-danger alert-dismissible show fade">
                        <?php  echo $_SESSION["errorMessage"]; ?>.
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>

                    <?php unset($_SESSION["errorMessage"]); } ?>

                    <form action="ServiceLayer/CheckLogin.php" class="form" id="loginform"  method="post" data-parsley-validate>
                        <div class="form-group position-relative has-icon-left mb-4">
                             <div class="form-group mandatory">
                                <input name= "FirstName" type="text" class="form-control form-control-xl" placeholder="Prénom" data-parsley-required="true" data-parsley-required-message="Veuillez inserer votre Prénom">
                                <div class="form-control-icon"> <i class="bi bi-person"></i> </div>
                            </div> 
                        </div>
                        <div class="form-group position-relative has-icon-left mb-4">
                            <div class="form-group mandatory">
                               <input name= "LastName" type="text" class="form-control form-control-xl" placeholder="Nom" data-parsley-required="true" data-parsley-required-message="Veuillez inserer votre Nom">
                               <div class="form-control-icon"> <i class="bi bi-person"></i> </div>
                           </div> 
                       </div>
                        <div class="form-group position-relative has-icon-left mb-4">
                            <input name= "PWD"  type="password" class="form-control form-control-xl" placeholder="Password" data-parsley-required="true" data-parsley-required-message="Veuillez inserer votre mot de passe">
                            <div class="form-control-icon"> <i class="bi bi-shield-lock"></i> </div>
                        </div>
                         
                        <button type="submit" class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Log in</button>
                    </form> 
                     
                </div>
            </div>
            <div class="col-lg-7 d-none d-lg-block">
                <div id="auth-right">
        
                </div>
            </div>
        </div> 
    </div>
</body>
<script src="assets/js/bootstrap.js"></script>
<script src="assets/js/app.js"></script>

<script src="assets/extensions/jquery/jquery.min.js"></script>
<script src="assets/extensions/parsleyjs/parsley.min.js"></script>
<script src="assets/js/pages/parsley.js"></script>
</html>
