login.php

<?php
include_once '../app/general/Security.php';
sec_session_start();
?>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>Login - Electronic Toll Collection</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="../assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../assets/css/animate.min.css" rel="stylesheet" />
    <link href="../assets/css/style.min.css" rel="stylesheet" />
    <link href="../assets/css/style-responsive.min.css" rel="stylesheet" />
    <link href="../assets/css/theme/default.css" rel="stylesheet" id="theme" />
    <!-- ================== END BASE CSS STYLE ================== -->

    <script type="text/javaScript" src="../js/sha512.js"></script>
    <script type="text/javaScript" src="../js/form.js"></script>
</head>
<body>
    <!-- begin #page-loader -->
    <div id="page-loader" class="fade in"><span class="spinner"></span></div>
    <!-- end #page-loader -->

    <div class="login-cover">
        <div class="login-cover-image"><img src="../assets/img/login-bg/bg-2.jpg" data-id="login-cover-image" alt="" /></div>
        <div class="login-cover-bg"></div>
    </div>
    <!-- begin #page-container -->
    <div id="page-container" class="fade">

        <!-- begin login -->
        <div class="login login-v2" data-pageload-addclass="animated flipInX">
            <!-- begin brand -->
            <div class="login-header">
                <div class="brand">
                    Electronic Toll Collection
                    <small>
                    <?php
                  if (isset($_GET['error']) && $_GET['error'] == 1) {
                      echo 'Masukkan Email/Username dan Password dengan benar!';
                  }elseif (isset($_GET['error']) && $_GET['error'] == 2) {
                      echo 'Silahkan login terlebih dahulu!';
                  }else {
                    echo '<small>POC Single Lane Free Flow System</small>';
                  }
                  ?>
                  </small>
                </div>
                <div class="icon">
                    <i class="#"></i>
                </div>
            </div>
            <!-- end brand -->
            <div class="login-content">
                <form action="prolog.php" method="POST" class="margin-bottom-0">
                    <div class="form-group m-b-20">
                        <input type="text" class="form-control input-lg" name="email" placeholder="Email/Username" />
                    </div>
                    <div class="form-group m-b-20">
                        <input type="password" class="form-control input-lg" id="password" name="password" placeholder="Kata Sandi" />
                    </div>
                    <div class="form-group m-b-20">

                      <img src="../admin/captcha.php" id="captcha" alt="captcha" width="130" style="float:left;margin-right:10px;" class="img-rounded"/>

                      <div class="input-group">
                      <input type="text" name="captcha_code" size="30" placeholder="Masukkan Kode" class="form-control input-lg"/>

                        <span class="input-group-addon">
                        <a href="#" onclick="document.getElementById('captcha').src = 'captcha.php?' + Math.random(); return false"><i class='fa fa-refresh'  alt='Refresh'></i></a></span>
                      </div>
                    </div>
                    <div class="login-buttons">
                        <input type="submit" name="logprocess" value="Masuk" class="btn btn-success btn-block btn-lg" onclick="return formhash(this.form, this.form.password);"/>
                    </div>
                    <div class="m-t-20">
                        Belum terdaftar, silakan klik <a href="./admin/../reg">Daftar</a>. Lupa kata sandi<a href="./f"> Kata Sandi</a>
                    </div>
                </form>
            </div>
        </div>
        <!-- end login -->

        <ul class="login-bg-list">
            <li class="active"><a href="#" data-click="change-bg"><img src="../assets/img/login-bg/bg-2.jpg" alt="" /></a></li>
            <!--<li><a href="#" data-click="change-bg"><img src="../assets/img/login-bg/bg-2.jpg" alt="" /></a></li> -->
            <li><a href="#" data-click="change-bg"><img src="../assets/img/login-bg/bg-3.jpg" alt="" /></a></li>
            <li><a href="#" data-click="change-bg"><img src="../assets/img/login-bg/bg-4.jpg" alt="" /></a></li>
        </ul>

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="../assets/plugins/jquery/jquery-1.9.1.min.js"></script>
    <script src="../assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
    <script src="../assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
        <script src="assets/crossbrowserjs/html5shiv.js"></script>
        <script src="assets/crossbrowserjs/respond.min.js"></script>
        <script src="assets/crossbrowserjs/excanvas.min.js"></script>
    <![endif]-->
    <script src="../assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="../assets/plugins/jquery-cookie/jquery.cookie.js"></script>
    <!-- ================== END BASE JS ================== -->

    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script src="../assets/js/login-v2.demo.min.js"></script>
    <script src="../assets/js/apps.min.js"></script>
    <!-- ================== END PAGE LEVEL JS ================== -->

    <script>
        $(document).ready(function() {
            App.init();
            LoginV2.init();
        });
    </script>
</body>
</html>