<?php
include 'core/class/include.php';

// Redirige l'utilisateur si il est connecté
if (Account::isAuthentified())
{
    header('Location: dashboard.php');
}

// Action: Login
if (isset($_POST['connexion']))
{
    $no_error = Account::Auth($_POST['username'], $_POST['password']);
    if ($no_error == true)
    {
        header('Location: dashboard.php');
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
  <title>GET OUT</title>
  <!--===============================================================================================-->  
  <link rel="icon" type="image/png" href="http://drm.gmleakesy.com/images/icons/favicon.ico">
<!--===============================================================================================-->
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/bootstrap.min.css">
<!--===============================================================================================-->
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/font-awesome.min.css">
<!--===============================================================================================-->
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/animate.css">
<!--===============================================================================================-->  
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/hamburgers.min.css">
<!--===============================================================================================-->
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/select2.min.css">
<!--===============================================================================================-->
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/util.css">
  <link rel="stylesheet" type="text/css" href="./notalogin2_files/main.css">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<style>

    body
    {
      background: url(https://i.imgur.com/unKavQO.gif) no-repeat center center fixed;
      background-size: cover;
    }
.btn-default {
    font-family: Montserrat-Bold;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #57b846;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.form-control {
    font-family: Poppins-Medium;
    font-size: 15px;
    line-height: 1.5;
    color: #666666;
    display: block;
    width: 100%;
    background: #e6e6e6;
    height: 50px;
    border-radius: 25px;
    padding: 0 30px 0 68px;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: transparent!important;
  background-color: transparent!important;
}
</style>
<body>
  <div class="limiter">
    <center>
      <?php if (isset($no_error)) { ?>
                            <div class="alert alert-danger text-center" role="alert"><strong>Erreur:</strong> Votre nom d'utilisateur ou votre mot de passe est incorrect.</div>
                        <?php } ?>
  </center>
    <div class="container-login100">
      <div class="wrap-login100">
        <div class=" js-tilt" data-tilt="" style="will-change: transform; transform: perspective(300px) rotateX(0deg) rotateY(0deg);">
          <img src="https://i.imgur.com/ea8RHzg.png" alt="IMG" width="316" height="289">
        </div>

        <form method="POST" action="#">
          <span class="login100-form-title">
            Connexion à KalysiaDoor
          </span>
            
          <div class="form-group">
            <input class="form-control" type="text" name="username" placeholder="Nom d&#39;utilisateur">
            <span class="focus-input100"></span>
          </div>

          <div class="form-group" data-validate="Mot de passe requis">
            <input class="form-control" type="password" name="password" placeholder="Mot de passe">
            <span class="focus-input100"></span>
          </div>
          
          <div class="container-login100-form-btn">
            <button type="submit" class="center-block btn btn-default" name="connexion">
              Connexion
            </button>
            
          </div></form>

          <div class="text-center p-t-12">
            <span class="txt1">
              l'un des meilleurs panel actuellement disponible <br> sur le marché
            </span>
            <a class="txt2" href="https://discord.gg/p9xA6zG">
               achetez le des maintenant
            </a>
          </div>

          <div class="text-center p-t-136">
            <a class="txt2" href="https://discord.gg/p9xA6zG">
              Inscription (Free€)
              <i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
            </a>
          </div>
        
      </div>
    </div>
  </div>
</body>
    
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
  <script src="./notalogin2_files/tilt.jquery.min.js.téléchargement"></script>
    <script src="./notalogin2_files/jquery-3.2.1.min.js.téléchargement"></script>
</html>