<link rel="stylesheet" href="../css/bootstrap.css">
<header class="container-fluid">
		<div class="row">
			<div class="logo-block">
				<a href="https://iwl.hk/jp/index.php"><img src="../img/logo.svg"></a>
			</div>
			<div class="user-block">
		</div>
	</div>
</header>

<?php
$page_title = "ログイン";
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="ログインID">
							<input type="password" name="password" placeholder="パスワード" id="password" 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="ログイン" class="login_now" onclick="create2fa('login','actionlogin','ja','<?php echo $page_title;?>','','');">
						<div class="forgot_pass"><a href="forgot">パスワードを忘れてしまった方はコチラ</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>
<!-- /メインカラム -->
</div>

<script>
  jQuery(document).ready(function ($) {
    var images = [<?php $this -> getAdImages('ja', 'login'); ?>];

    $.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>
<?php include_once('template/base_foot.php'); ?>
	</div>
	<script src="../js/login.js"></script>
</body>
</html>
