<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Eversmart</title>

<!-- Bootstrap -->
<link href="<?= base_url(); ?>css/bootstrap.css" rel="stylesheet">
<link href="<?= base_url(); ?>css/styles.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">
<div class="loginOuter">
<header>
<div class="logo">
	<a href="#"><img src="<?= base_url(); ?>img/logo.png"></a>
</div>

<div class="headerNav">
	<ul class="navInner">
    	<li>
        	<a href="<?= base_url(); ?>index.php/portal"><img src="<?= base_url(); ?>img/loginIcon.png">Login</a>
        </li>
    </ul>
</div>
</header>


<div class="loginBox">

<div class="loginInner">
<h2>Login</h2>
	<!-- <div class="icons">
    	<img src="<?= base_url(); ?>img/fbIcon.png">
        <img src="<?= base_url(); ?>img/twitterIcon.png">
        <img src="<?= base_url(); ?>img/googleIcon.png">
     </div>
     
     <div class="loginBelow">or login below</div> -->
     <div class="row" id="error_div">
        <?php if( !empty($this->session->flashdata('session_msg')) )
            {
                echo '<div class="alert alert-danger"><strong>'.$this->session->flashdata('session_msg').'</strong></div>';
            }
         ?>
          <?php if( !empty($this->session->flashdata('logout_msg')) )
            {
                echo '<div class="alert alert-success"><strong>'.$this->session->flashdata('logout_msg').'</strong></div>';
            }
         ?>
           <?php if( !empty($error->Message) )
            {
                echo '<div class="alert alert-danger"><strong>'.$error->Message.'</strong></div>';
            }
         ?>
            
     </div>
    <form action="<?= base_url() ?>index.php/portal/new_password" method="post">
        <div class="email">
            <img src="<?= base_url(); ?>img/emailIcon.png">
            <input required="" type="email" name="email" value="<?php if( !empty($email) ) { $email; } ?>" placeholder="Email address">
            <input type="hidden" name="t" value="<?php if( !empty($t) ) { $t; } $t ?>">
            <input type="hidden" name="ev" value="<?php if( !empty($ev) ) { $ev; } $ev ?>">
        </div>

        <div class="password">
            <img src="<?= base_url(); ?>img/passwordIcon.png">
            <input required="" type="password" name="password" placeholder="Password">
        </div>

        <div class="email">
            <img src="<?= base_url(); ?>img/passwordIcon.png">
            <input required="" type="password" name="cpassword" placeholder="Confirm Password">
        </div>
        <input type="submit" class="button" name="login"  value="Change Password">
    </form>

</div><!--loginInner-->
</div><!--loginBox-->

<footer class="lg-footer footerLogin">
    <div class="copyright"> © Copyright 2017, Eversmart Energy. All Rights Reserved </div>


</footer>

</div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="<?= base_url(); ?>js/jquery-1.11.2.min.js"></script>
<script src="<?= base_url(); ?>js/common.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="<?= base_url(); ?>js/bootstrap.js"></script>
</body>
</html>
