<link rel="stylesheet" href="../css/bootstrap.css">
<header class="container-fluid">
		<div class="row">
			<div class="logo-block">
				<a href="https://iwl.hk/tc/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>登入</h3>
    					<?php $this -> echoMessage(); ?>
            			<div class="input_set">
            				<input type="text" name="user_id" id="user_id" value="" placeholder="用戶名">
            				<input type="password" name="password" placeholder="密碼" 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="登錄" class="login_now"onclick="create2fa('login','actionlogin','tc','<?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('tc', '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>
