reg.php

<?php
include_once '../admin/register_inc.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>Daftar - 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_mem/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../assets_mem/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../assets_mem/css/animate.min.css" rel="stylesheet" />
    <link href="../assets_mem/css/style.min.css" rel="stylesheet" />
    <link href="../assets_mem/css/style-responsive.min.css" rel="stylesheet" />
    <link href="../assets_mem/css/theme/default.css" id="theme" rel="stylesheet" />
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="../assets_mem/plugins/pace/pace.min.js"></script>
    <script type="text/JavaScript" src="../js/sha512.js"></script>
    <script type="text/JavaScript" src="../js/form.js"></script>
    <!-- ================== END BASE JS ================== -->
</head>
<body data-spy="scroll" data-target="#header-navbar" data-offset="51">
    <!-- begin #page-container -->
    <div id="page-container" class="fade">
        <!-- begin #header -->
        <div id="header" class="header navbar navbar-transparent navbar-fixed-top">
            <!-- begin container -->
            <div class="container">
                <!-- begin navbar-header -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="./" class="navbar-brand">
                        <span class="brand-text">
                            <span class="text-theme">Electronic Toll Collection</span>
                        </span>
                    </a>
                </div>
                <!-- end navbar-header -->
                <!-- begin navbar-collapse -->
                <div class="collapse navbar-collapse" id="header-navbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#about" data-click="scroll-to-target">DAFTAR</a></li>
                        <li><a href="../admin/login" >LOGIN MASUK</a></li>

                    </ul>
                </div>
                <!-- end navbar-collapse -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #header -->

        <!-- begin #home -->
        <div id="home" class="content has-bg home">
            <!-- begin content-bg -->
            <div class="content-bg">
                <img src="../assets_mem/img/erpjakarta.jpg" alt="Home" />
            </div>
            <!-- end content-bg -->
            <!-- begin container -->
            <div class="container home-content">
                <img src="../assets_mem/img/erplogo.png" height="200"/>
                <h1>Selamat datang di layanan pengguna electronic toll collection Jakarta</h1>
                <h3>POC Single Lane Free Flow System</h3><br>
                <!-- <a href="#about" class="btn btn-theme" data-click="scroll-to-target">Daftar</a> <a href="./"  class="btn btn-outline">Login</a>-->
            </div>
            <!-- end container -->
        </div>
        <!-- end #home -->

        <!-- begin #about -->
        <div id="about" class="content" data-scrollview="true">
            <?php
                    if (!empty($error_msg)) {
                        echo $error_msg;

                    }
                    if(isset($_GET['err'])) {
                        echo "<p class='success'>$_GET[err]</p>";
                    }

                    ?>
            <!-- begin container -->
            <div class="container" data-animation="true" data-animation-type="fadeInDown">
                <h2 class="content-title">Form Pendaftaran</h2>

                <p class="content-desc">
                    Silahkan masukkan semua identitas pada form perndaftaran berikut. Pastikan anda memasukkan data yang valid.
                </p>

                <!-- begin row -->
                <div class="row">
                    <form class="form-horizontal" action="<?php echo esc_url($_SERVER['PHP_SELF']); ?>" method="post" name="registration_form" data-parsley-validate="true">
                    <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">
                            <div class="form-group">
                                <label class="control-label col-md-3">Username <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='username' id='username' placeholder="Username" data-type="alphanum" data-parsley-required="true" value="<?php echo isset($_POST['username']) ? $_POST['username'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Nama Lengkap (Sesuai KTP) <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='name' id='name' placeholder="Nama Lengkap" value="<?php echo isset($_POST['name']) ? $_POST['name'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">No. KTP <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" name='no_ktp' id='no_ktp' class="form-control" value="<?php echo isset($_POST['no_ktp']) ? $_POST['no_ktp'] : '' ?>" placeholder="Nomor KTP"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Email <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name="email" id="email" placeholder="Email" <?php echo isset($_POST['email']) ? $_POST['email'] : '' ?> />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Password <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input class="form-control" type="password" name="password" id="password" placeholder="Password"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Masukkan Password Kembali <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input class="form-control" type="password" name="confirmpwd" id="confirmpwd" placeholder="Konfirmasi Password"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Handphone <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='handphone' id='handphone' placeholder="Handphone" value="<?php echo isset($_POST['handphone']) ? $_POST['handphone'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Alamat <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='address' id='address' placeholder="Alamat" value="<?php echo isset($_POST['address']) ? $_POST['address'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Kelurahan <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='kelurahan' id='kelurahan' placeholder="Kelurahan" value="<?php echo isset($_POST['kelurahan']) ? $_POST['kelurahan'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Kecamatan <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='kecamatan' id='kecamatan' placeholder="Kecamatan" value="<?php echo isset($_POST['kecamatan']) ? $_POST['kecamatan'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Kota <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='city' id='city' placeholder="Kota" value="<?php echo isset($_POST['city']) ? $_POST['city'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Propinsi <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='province' id='province' placeholder="Propinsi" value="<?php echo isset($_POST['province']) ? $_POST['province'] : '' ?>" />
                                </div>

                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Kode Pos <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='zipcode' id='zipcode' placeholder="Kode Pos" value="<?php echo isset($_POST['zipcode']) ? $_POST['zipcode'] : '' ?>" />
                                </div>
                            </div>
                    </div>
                    <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">

                            <div class="form-group">
                                <label class="control-label col-md-3">Nomor OBU <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='obu_id' id='obu_id' placeholder="Nomor OBU" value="<?php echo isset($_POST['obu_id']) ? $_POST['obu_id'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Nomor Kendaraan <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='no_plat' id='no_plat' placeholder="ex. B 198 SZO" value="<?php echo isset($_POST['no_plat']) ? $_POST['no_plat'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Nomor Mesin Kendaraan <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="text" class="form-control" name='no_mesin' id='no_mesin' placeholder="ex. BHUHDAHUUDA1783137" value="<?php echo isset($_POST['no_mesin']) ? $_POST['no_mesin'] : '' ?>" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">Persetujuan Penggunaan <span class="text-theme">*</span></label>
                                <div class="col-md-9">
                                    <input type="checkbox" name="agree" vaue="1" checked/> <a href="#persetujuan">Baca disini</a>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">CAPTCHA</label>

                                <div class="col-md-9">
                                <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" id="captcha_code" size="30" placeholder="Security Code" 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>

                            <div class="form-group">
                                <label class="control-label col-md-3"></label>
                                <div class="col-md-9 text-left">
                                    <input type="button"
                                    value="Register" class="btn btn-theme btn-block" name="daftar"
                                    onclick="return regformhash(this.form,
                                   this.form.username,
                                   this.form.email,
                                   this.form.password,
                                   this.form.confirmpwd,
                                   this.form.handphone,
                                   this.form.address,
                                   this.form.kelurahan,
                                   this.form.kecamatan,
                                   this.form.city,
                                   this.form.province,
                                   this.form.obu_id,
                                   this.form.no_plat,
                                   this.form.no_mesin,
                                   this.form.name,
                                   this.form.zipcode,
                                   this.form.captcha_code,
                                   this.form.no_ktp
                                   );" />
                                </div>
                            </div>

                    </div>
                    </form>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end #about -->


        <!-- begin #footer -->
        <div id="footer" class="footer">
            <div class="container">
                <div class="footer-brand">
                    <img src="../assets_mem/img/erplogo.png" height="200"/>
                </div>
                <p>
                    &copy; Developer<br />
                </p>
            </div>
        </div>
        <!-- end #footer -->

    </div>
    <!-- end #page-container -->

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

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