<?php
/* 
----------------------------------------------------------
  PAGE : LOGIN PAGE  
  V1.0 / 2018
  AUTHOR : SGHAIER MAHMOUD  
----------------------------------------------------------
*/
require_once('ssinclude/app-config.php');
require_once('ssinclude/app-helpers.php');
?>
<!doctype html>
<html class="no-js" lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Login | FILE SHARE PRO 1.0 </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
       <!-- favicon -->
       <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS  -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome CSS -->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <!-- animate CSS-->
    <link rel="stylesheet" href="assets/css/animate.css">
     <!-- notifications CSS -->
     <link rel="stylesheet" href="assets/css/notifications/Lobibox.min.css">
    <!-- style CSS-->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- responsive CSS -->
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- modernizr JS -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <style>
   /* Conteneur flex par défaut */
    .flex-container {
      display: flex;
      flex-direction: row; /* direction horizontale par défaut */
      gap: 0px;
      margin:0px;
      padding:0px; 
    }

    /* Au breakpoint mobile (ex: 768px) */
    @media (max-width: 768px) {
      .flex-container {
        flex-direction: column; /* direction verticale sur mobile */
      }
    }

    h3.logo { font-weight: normal ;}

    </style>
</head>
<body class="flex-container">
    <!--[if lt IE 8]>
		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->
 <?php if (verif_get('err')=="failed") { ?>
    <notify class="notify-alert"> Connexion refusée. <br> email ou mot de passe incorrect </notify>
 <?php } ?>
  <div class="loader-overlay">
      <div id="ts-preloader-absolute01">
          <div class="tsperloader1" id="tsperloader1_four"></div>
          <div class="tsperloader1" id="tsperloader1_three"></div>
          <div class="tsperloader1" id="tsperloader1_two"></div>
          <div class="tsperloader1" id="tsperloader1_one"></div>
      </div>
  </div>
  <div class="login-image-wrapper" style="background-image: url('assets/img/techfuse-bg.jpg');"></div>
	<div class="login-form-wrapper">
		<div class="login-form">
			<div class="text-center m-b-md custom-login">
        <img src="assets/img/tech-fuse-logo.png" class="logo mg-tb-15"/>
        <section class="softinfo mini-click-non"> 
                <h4>  <?php echo $soft_name ?>   </h4>
                <p>  <?php echo $soft_info ?> </p>
               
          </section>
			</div>
			<div class="content-error">
				<div class="hpanel">
                    <div class="panel-body">
                        <form class="needs-validation" novalidate action="<?php echo page_login_authoriser ?>" id="loginForm" method="POST">
                            <div class="form-group">
                                <label class="control-label" for="user_login"> Login </label>
                                <input type="email" placeholder="" autocomplete="off" title="" required value="" name="user_login" id="user_login" class="form-control">
                                  <div class="invalid-tooltip">
                                    Login manquant
                                  </div>
                                  <span class="help-block small"></span>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="user_password"> Mot de passe </label>
                                <input type="password" title="" placeholder="" autocomplete="off" required value="" name="user_password" id="user_password" class="form-control">
                                <div class="invalid-tooltip">
                                    Mot de passe manquant
                                  </div>
                                <span class="help-block small"></span>
                            </div>
                            <div class="checkbox login-checkbox">
                                <label>
								  <input type="checkbox" class="i-checks" name="remember-me"> Se souvenir de moi </label>
                                <p class="help-block small"></p>
                            </div>
                            <button class="btn btn-success btn-block loginbtn">Login</button>
                        </form>
                    </div>
                </div>
			</div>
			<div class="text-center login-footer">
				<p>Copyright © TECH FUSE - 2024-<?php echo date("Y")?> . All rights reserved.</p>
			</div>
		</div>   
    </div>
    <!-- jquery -->
    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- bootstrap JS  -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- icheck JS -->
    <script src="assets/js/icheck/icheck.min.js"></script>
    <!-- notification JS -->
    <script src="assets/js/notifications/Lobibox.js"></script>
    <!-- main JS  -->
    <script src="assets/js/main.js"></script>
</body>
</html>