<link rel="stylesheet" href="../css/bootstrap.css">

<header class="container-fluid">
    <div class="row">
    	<div class="logo-block">
    		<a href="https://iwl.hk"><img src="../img/logo.svg"></a>
    	</div>
    	<div class="user-block">
    	</div>
    </div>
</header>

<?php
$page_title = "SIGN-IN";
include_once('./config.php');
include_once('template/base_head.php');
?>

<style type="text/css">
	header {
	    display: block;
	    width: 100%;
	    height: 100px;
	    background-color: #003366;
	    z-index: 999;
	    top: 0;
	}
	.postheader {
 	 display: flex;
  /*justify-content: space-between;*/
    }
</style>

<!-- /サイドバー -->
<!-- メインカラム -->
<div id="colMain" class="enlogin">
	<div  class="login">
		<wrapper>
			<div class="postheader reverseFlex">
				<section class="container col-md-6">
   					<form action="" method="post" id="acForm" class="login_form article">
   						<h3><?php echo $page_title; ?></h3>
    						<?php $this -> echoMessage(); ?>
    						<div class="input_set">
    							<input type="text" name="user_id" id="user_id" value="" placeholder="Username">
    							<input type="password" name="password" placeholder="Password" id="password" autocomplete="off" value="">
    						</div>
   						<input type="hidden" value="action" id="type" name="type" />
   						<input type="hidden" value="login" name="action" />
   						<input type="button" id="btn2faSubmit" name="" value="Log in" class="login_now" onclick="create2fa('login','actionlogin','en','<?php echo $page_title;?>','','');">
   						<div class="forgot_pass"><a href="forgot">Forgot your password?</a></div>
   					</form>
   					<div class="login_form article-rel1" id="secondAuth" style="display: none;"></div>
				</section>
				<section class="container col-md-6">
					<div id="myCarousel" class="carousel slide login_carousel" data-ride="carousel">
						<ol class="carousel-indicators"></ol>
						<div class="carousel-inner" role="listbox"></div>
					</div>
				</section>
			</div>
		</wrapper>
	</div>
</div>	

<script>
  jQuery(document).ready(function ($) {

    var images = [ <?php $this -> getAdImages('en', 'login'); ?> ];

    images.sort(function () { return 0.5 - Math.random(); });

    $.each(images, function (index, image) {
        var element = $('<div class="item" id="'+ image.id +'"><a target="' + image.target + '" href="' + image.href +'"><img src="' + image.url + '" alt="' + image.alt + '" /></a></div>')
        
        if (index === 0) {
            element.addClass("active");   
        }
        
        element.appendTo("div.carousel-inner");
    });

    var x = 0;  
    $(".carousel-inner > .item").each(function(){
    	if(x == 0){
    		$(".carousel-indicators").append("<li data-target='#myCarousel' data-slide-to='"+ x +"' class='active'></li>\n");
    	}else{
    		$(".carousel-indicators").append("<li data-target='#myCarousel' data-slide-to='"+ x +"' class=''></li>\n");
    	}
      x++;
    });
});
</script>
						


			</div>
		</div>
<?php include_once('template/base_foot.php'); ?>
</div>
<script src="../js/login.js"></script>

</body>
</html>
