<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="fr">
<head>
	<title>iLinkWorld</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="<?php echo base_url('dist/images/logo.ico')?>"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/vendor/bootstrap/css/bootstrap.min.css')?>">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/fonts/font-awesome-4.7.0/css/font-awesome.min.css')?>">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/vendor/animate/animate.css')?>">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/vendor/css-hamburgers/hamburgers.min.css')?>">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/vendor/select2/select2.min.css')?>">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/css/util.css')?>">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('dist/css/main.css')?>">
<!--===============================================================================================-->
</head>
<body>
	
	<div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100" style="text-align: center;">
				<div class="login100-pic js-tilt" data-tilt>
					<img src="<?php echo base_url('dist/images/logo_2.png')?>" alt="IMG">
					<h3 style="text-align: center;" id="challenge">Challenge</h3>
				</div>

				<form class="login100-form validate-form" action="<?php echo base_url('index.php/Users/login') ?>" method="post">
					<span class="login100-form-title">
						Se connecter
					</span>

					<div class="wrap-input100 validate-input" data-validate = "Votre code de validation est requis">
						<input class="input100" type="text" title="Code de validation utilisé lors de la création de votre compte iLinkWorld" name="code" placeholder="Code de validation">
						<span class="focus-input100"></span>
						<span class="symbol-input100">
							<i class="fa fa-lock" aria-hidden="true"></i>
						</span>
					</div>
					
					<div class="container-login100-form-btn">
						<button class="login100-form-btn">
							Connexion
						</button>
					</div>
<!--					<div class="text-center p-t-136">-->
<!--						<a class="txt2" href="https://www.ilink-app.com">-->
<!--							Retourner sur le site-->
<!--							<i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>-->
<!--						</a>-->
<!--					</div>-->
				</form>
			</div>
		</div>
	</div>
	
	<!-- Modal -->
    <div class="modal fade" id="info" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-show="true" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Information</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <p id="message"><?php echo $message; ?></p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
        </div>
        </div>
    </div>
    </div>

	
<!--===============================================================================================-->	
	<script src="<?php echo base_url('dist/vendor/jquery/jquery-3.2.1.min.js')?>"></script>
<!--===============================================================================================-->
	<script src="<?php echo base_url('dist/vendor/bootstrap/js/popper.js')?>"></script>
	<script src="<?php echo base_url('dist/vendor/bootstrap/js/bootstrap.min.js')?>"></script>
<!--===============================================================================================-->
	<script src="<?php echo base_url('dist/vendor/select2/select2.min.js')?>"></script>
<!--===============================================================================================-->
	<script src="<?php echo base_url('dist/vendor/tilt/tilt.jquery.min.js')?>"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>
<!--===============================================================================================-->
	<script src="<?php echo base_url('dist/js/main.js')?>"></script>
	<script>
		 $(document).ready(function () {
			if(<?= isset($message) ?>){
				$('#info').modal('show');
				// alert($('#message').text());
			}
		});
	</script>
</body>
</html>
