<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  

<head>
    <title>LCMS | Login</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="shortcut icon" href="https://nwu.edu.ng/images/favicon.png">

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="../assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/style.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="../assets/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="../assets/plugins/font-awesome/css/font-awesome.min.css">

    <!-- CSS Page Style -->    
    <link rel="stylesheet" href="../assets/css/pages/page_log_reg_v1.css">    

    <!-- CSS Theme -->    
    <link rel="stylesheet" href="../assets/css/theme-colors/default.css">

    <!-- CSS Customization -->
    <link rel="stylesheet" href="../assets/css/custom.css">
    
<style>
body {
  background-image: url('./assets/img/senate2.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
</style>
    
</head> 

<body>
<div class="wrapper">
     <!--=== Header ===-->    
    <div class="header">
        <!-- Topbar -->
        <div class="topbar">
            <div class="container">
                <!-- Topbar Navigation -->
                <ul class="loginbar pull-right">
                    <li class="languagesSelector">
                        <i class="fa fa-globe"></i>
                        <a>Languages</a>
                        <ul class="languages">
                            <li class="active">
                                <a href="#">English <i class="fa fa-check"></i></a> 
                            </li>
                            <li><a href="#">Spanish</a></li>
                            <li><a href="#">Russian</a></li>
                            <li><a href="#">German</a></li>
                        </ul>
                    </li>
                    <!--<li class="topbar-devider"></li>   
						<i class="fa fa-question"></i>
                    <li><a href="#"> Help</a></li>  
                    <li class="topbar-devider"></li>  
						<i class="fa fa-lock"></i> 
                    <li><a style="font-weight:bold; color:#2b89c0" href="#" data-toggle="modal" data-target="#login_modal" id=""> Login</a></li>-->
                </ul>
                <!-- End Topbar Navigation -->
            </div>
        </div>
        <!-- End Topbar -->
    
        <!-- Navbar -->
        <div class="navbar navbar-default mega-menu" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="fa fa-bars"></span>
                    </button>
                    <section>
                    <a class="navbar-brand" href="index.php">
                        <img id="logo-header" src="assets/img/lcms.png" alt="Logo" width="150" height="75" >
                    </a>
                    </section><br>
					
                </div>
                	<section> <div align="center">
					<span class="confTitle"><br/>Departmental Login<br/><br/></span>
         			</div> </section>
            </div>    
        </div>            
        <!-- End Navbar -->
    </div>
    <!--=== End Header ===-->    

    <!--=== Content Part ===-->
    <div class="container content">	
<h2 style="color:#2b89c0; text-align:center; font-weight:bold">Login</h2>	
    	<div class="row">
            <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
                <form class="reg-page" method="post" enctype="multipart/form-data" action="<?= base_url('hod/login_checker') ?>">
                    <div class="reg-header">            
                        <h2>Login to your account</h2>
                    </div>
					<?php $page_session = \Config\Services::session(); ?>
                  <?php

                  if($page_session->getTempdata('loginError')):       
                  ?>
                  <div class = "alert alert-danger">
                       <?= $page_session->getTempdata('loginError'); ?>
                  </div>
                  <?php 
                  endif;
                  ?>
				  
                    <div class="input-group margin-bottom-20">
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                        <input type="text" placeholder="Email" class="form-control" name="email" required>
                    </div>                    
                    <div class="input-group margin-bottom-20">
                        <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                        <input type="password" placeholder="Password" class="form-control" name="password" required>
                    </div>                    

                    <div class="row">
                        <div class="col-md-6 checkbox">
                            <label><input type="checkbox"> Stay signed in</label>                        
                        </div>
                        <div class="col-md-6">
                            <button class="btn-u pull-right" type="submit">Login</button>                        
                        </div>
                    </div>

                    <hr>

                    <h4>Forget your Password ?</h4>
                    <p>no worries, <a class="color-blue" style="font-weight:bold" href="#">click here</a> to reset your password.</p>
                </form>            
            </div>
        </div><!--/row-->
    </div><!--/container-->		
    <!--=== End Content Part ===-->

     <!--=== Footer Version 1 ===-->
    <!--Begin Ses_Term Modal -->
                    <div class="margin-bottom-40">
                       
                        <div class="modal fade" id="paper_submission_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel">Paper Submission</h4>
                                    </div>
									<?php
										//$sestb = $_POST['sestb'];
									
									?>
									<form  class="sky-form" action=""  method="POST">
                                    
									<div class="modal-body">
                                        <div class="row">
                                            <div class="col-md-12">
											<strong style="color:#2b89c0; margin-left:30px;">Authors:</strong>
<ul style="list-style: none;">
		<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="paper_submission.php" target="_blank"> Make Submission</a></li>
		<!--<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="registration_status.php" target="_blank"> Make Submission</a></li>-->
		<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="#" target="_blank"> Edit Submission</a></li>
		<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="#" target="_blank"> Check Status</a></li>
</ul>


<strong style="color:#2b89c0; margin-left:30px;">Reviewers:</strong>
<ul style="list-style: none;">
<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="reviewerlogin.php" target="_blank"> Sign In</a></li>
	
</ul>


<strong style="color:#2b89c0; margin-left:30px;">Chair:</strong>
<ul style="list-style: none;">
<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="chairlogin.php" target="_blank"> Sign In</a></li>

</ul>
                                                
                                              
									
								
									
                                            </div>
                                           
                                        </div>
                                    </div>											
                                    <div class="modal-footer">
                                        <button type="button" class="btn-u btn-u-default" data-dismiss="modal">Close</button>
                                    
                                    </div>
									</form>
									
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Search SesTerm Modal-->
                    
                    
<!--Begin Login Modal -->
                    <div class="margin-bottom-40">
                       
                        <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title" id="myModalLabel" align="center">Login</h4>
                                    </div>
									<?php
										//$sestb = $_POST['sestb'];
									
									?>
									<form  class="sky-form" action=""  method="POST">
                                    
									<div class="modal-body">
                                        <div class="row">
                                            <div class="col-md-12">
											<strong style="color:#2b89c0; margin-left:30px;">Authors:</strong>
<ul style="list-style: none;">
		<!--<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="paper_submission.php" target="_blank"> Make Submission</a></li>-->
	
		<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="author_login.php" target="_blank">Sign In</a></li>
</ul>


<strong style="color:#2b89c0; margin-left:30px;">Reviewers:</strong>
<ul style="list-style: none;">
<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="reviewerlogin.php" target="_blank"> Sign In</a></li>
	
</ul>


<strong style="color:#2b89c0; margin-left:30px;">Chair:</strong>
<ul style="list-style: none;">
<li ><i style="color:#2b89c0" class="fa fa-chevron-circle-right"></i><a style="margin-left:45px" href="chairlogin.php" target="_blank"> Sign In</a></li>

</ul>
                                                
                                              
									
								
									
                                            </div>
                                           
                                        </div>
                                    </div>											
                                    <div class="modal-footer">
                                        <button type="button" class="btn-u btn-u-default" data-dismiss="modal">Close</button>

                                    
                                    </div>
									</form>
									
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End Login Modal-->

 <!--=== Footer Version 1 ===-->
 
</div>	
    <!--=== End Footer Version 1 ===-->
	
	
	    
    <!--=== End Footer Version 1 ===-->
</div><!--/wrapper-->

<!-- JS Global Compulsory -->           
<script type="text/javascript" src="assets/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<!-- JS Implementing Plugins -->           
<script type="text/javascript" src="assets/plugins/back-to-top.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="assets/js/custom.js"></script>
<!-- JS Page Level -->           
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();      
    });
</script>
<!--[if lt IE 9]>
    <script src="assets/plugins/respond.js"></script>
    <script src="assets/plugins/html5shiv.js"></script>
    <script src="assets/js/plugins/placeholder-IE-fixes.js"></script>
<![endif]-->

</body>

</html> 