<link rel="stylesheet" href="../css/bootstrap.css">
<header class="container-fluid">
		<div class="row">
			<div class="logo-block">
				<a href=""><img src="../img/logo.svg"></a>
			</div>
			<div class="user-block">
		</div>
	</div>
</header>


<?php
$page_title = "MASUK";
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(); ?>
			<p class="red">We appreciate your patience on our website maintenance. It allowed us to further strenghten our system. We are happy to announce that we are now back to service your online payment needs. </p>

			<p class="red">To access of your account, please click on the </br><a href="forgot">Forgot your password?</a> link and proceed in resetting it. This is as an extra step in further securing your iWallet account. Thank you!</p>
			<div class="input_set">
				<input type="text" name="user_id" id="user_id" value="" placeholder="ID Pengguna">
				<input type="password" name="password" placeholder="Kata Sandi" 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="Masuk" class="login_now" onclick="create2fa('login','actionlogin','id','<?php echo $page_title;?>','','');">
			<div class="forgot_pass"><a href="forgot">Lupa kata sandi anda?</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('id', 'login'); ?> ];


    // images.sort(function () { return 0.5; });

    $.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>
