<?php
    session_start();
    error_reporting(0);
    include "tracer/config/class_database.php";
    include "tracer/config/serverconfig.php";
    include "tracer/config/debug.php";
    if($_SESSION){
        header("Location: tracer/stuu/index.php");
    }
?>

<?php
    $query = "SELECT kd_fak, nm_fak FROM tbfakultas ORDER BY kd_fak";
    $rs    = mysql_query($query) or die(mysql_error());
    $cbfak = "";
    while ($r = mysql_fetch_array($rs))
    {
        $cbfak .= "<option value=$r[kd_fak]> $r[nm_fak] </option>";
    }
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <?php include "plugin_atas.php";?>

    <script type="text/javascript">
        $(document).ready(function(){
        
            $(".nipk").on("keyup", function(){
                var valid = /^\d{0,15}(\.\d{0,2})?$/.test(this.value),
                    val = this.value;
                
                if(!valid){
                    console.log("Invalid input!");
                    this.value = val.substring(0, val.length - 1);
                }
            });
        });
    </script>
</head>
<body>

    <?php include "nav.php";?>
    <div class="container gaya">
        <div class="page-header center">
            <h1>
                Registrasi
                <small>
                    <i class='ace-icon fa fa-angle-double-right'></i>
                    Alumni
                </small>
            </h1>
        </div>
        <?php
        if (isset($_GET['code'])){
            $code = $_GET['code'];
            if ($code == 1) {
        ?>
                <div class='alert alert-block alert-success'>
                    <button type='button' class='close' data-dismiss='alert'>
                        <i class='ace-icon fa fa-times'></i>
                    </button>
                    <i class='sukses ace-icon fa fa-check-square-o bigger-120 green'></i>
                    <strong class='green sukses'>&nbsp
                        Success...! Proses Registrasi Berhasil, Silahkan Login Untuk Mengisi Kuesioner.
                    </strong>                
                </div>
        <?php
            }
            elseif ($code == 11){
        ?>
                <div class='alert alert-block alert-danger'>
                    <button type='button' class='close' data-dismiss='alert'>
                        <i class='ace-icon fa fa-times'></i>
                    </button>
                    <i class='sukses ace-icon fa fa-exclamation-triangle bigger-120 red'></i>
                    <strong class='red sukses'>&nbsp
                        Failed...! Proses Registrasi Gagal.
                    </strong>                
                </div>
        <?php
            }
            elseif ($code == 2){
        ?>
                <div class='alert alert-block alert-danger'>
                    <button type='button' class='close' data-dismiss='alert'>
                        <i class='ace-icon fa fa-times'></i>
                    </button>
                    <i class='sukses ace-icon fa fa-exclamation-triangle bigger-120 red'></i>
                    <strong class='red sukses'>&nbsp
                        Failed...! NPM Yang Anda Masukkan Sudah Pernah Didaftarkan.
                    </strong>                
                </div>
        <?php
            }
            elseif ($code == 3){
        ?>
                <div class='alert alert-block alert-danger'>
                    <button type='button' class='close' data-dismiss='alert'>
                        <i class='ace-icon fa fa-times'></i>
                    </button>
                    <i class='sukses ace-icon glyphicon glyphicon-remove bigger-120 red'></i>
                    <strong class='red sukses'>&nbsp
                        Failed...! Proses Registrasi Gagal.
                    </strong>                
                </div>
        <?php
            }
            elseif ($code == 4){
        ?>
                <div class='alert alert-block alert-danger'>
                    <button type='button' class='close' data-dismiss='alert'>
                        <i class='ace-icon fa fa-times'></i>
                    </button>
                    <i class='sukses ace-icon fa fa-ban bigger-120 red'></i>
                    <strong class='red sukses'>&nbsp
                        Failed...! Proses Registrasi Gagal.
                    </strong>                
                </div>
        <?php
            }
        }
        ?>
        <div class="container">
            <div class="row">
                <div class="content">
                    <form id="frm_daf" name="frm_daf" class="form-horizontal" action="aksi_reg.php" method="POST" onSubmit="return cekform();">

                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">NIM / NPM</label>
                                <div class="col-sm-8">
                                    <input type="text" class='form-control' name="npm" id="npm" maxlength="9" placeholder="Masukkan NIM / NPM Anda"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Password</label>
                                <div class="col-sm-8">
                                    <input type="password" class='form-control' name="pass" id="pass" maxlength="40" placeholder="Masukkan Password"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Password (Ketik Lagi)</label>
                                <div class="col-sm-8">
                                    <input type="password" class='form-control' name="tpass" id="tpass" maxlength="40" placeholder="Masukkan Password Kembali"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Nama Lengkap </label>
                                <div class="col-sm-8">
                                    <input type="text" class='form-control' name="nama" id="nama" maxlength="60" placeholder="Masukkan Nama Lengkap dan Gelar"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Tempat Lahir</label>
                                <div class="col-sm-8">
                                    <input type="text" class='form-control' name="tpt_lhr" id="tpt_lhr" maxlength="30" placeholder="Masukkan Tempat Lahir"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1"> Tanggal Lahir</label>
                                <div class="col-sm-4">
                                   <div class="input-group">
                                         <input class="form-control date-picker" id="id-date-picker-1" type="text" name="tgl_lahir" data-date-format="dd-mm-yyyy"/>
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar bigger-110"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Jenis Kelamin </label>
                                <div class="col-sm-8">
                                    <div class="radio">
                                        <label><input type="radio" name="jenkel" value="L"> Laki-Laki </label>&nbsp&nbsp
                                        <label><input type="radio" name="jenkel" value="P"> Perempuan </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Nomor Handphone</label>
                                <div class="col-sm-8">
                                    <input type="text" class='form-control' name="no_hp" id="no_hp" maxlength="13" placeholder="Masukkan Nomor Handphone"/>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Alamat Tinggal Sekarang Ini</label>
                                <div class="col-sm-8">
                                    <textarea class='form-control' name="alamat" id="alamat" placeholder="Masukkan Alamat Anda Sekarang Ini"></textarea>
                                    
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Email Pribadi</label>
                                <div class="col-sm-8">
                                    <input type="text" class='form-control' name="email" id="email" maxlength="40" placeholder="Masukkan Email Pribadi Anda"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Fakultas</label>
                                <div class="col-sm-8">
                                    <select class='chosen-select2 form-control' id='kfak' name='kfak' data-placeholder="-- Pilih Fakultas --">
                                        <option value="">-- Pilih Fakultas --</option>
                                        <?php echo $cbfak; ?>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1">Program Studi</label>
                                <div class="col-sm-8" id="prodi">
                                    <select class='chosen-select2 form-control' id='kprodi' name='kprodi' data-placeholder="-- Pilih Program Studi --">
                                        <option value="">-- Pilih Program Studi --</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1"> Tanggal Masuk</label>
                                <div class="col-sm-4">
                                   <div class="input-group">
                                         <input class="form-control date-picker" id="id-date-picker-1" type="text" name="tgl_masuk" data-date-format="dd-mm-yyyy"/>
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar bigger-110"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1"> Tanggal Lulus</label>
                                <div class="col-sm-4">
                                   <div class="input-group">
                                         <input class="form-control date-picker" id="id-date-picker-1" type="text" name="tgl_lulus" data-date-format="dd-mm-yyyy"/>
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar bigger-110"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label no-padding-right" for="form-field-1"> IPK </label>
                                <div class="col-sm-6">
                                    <input type="text" class='nipk form-control' name="ipk" id="ipk" maxlength="4" placeholder="Contoh : 3.21" /> <span style="font-size: 10px;"><i>Gunakan tanda titik (Contoh : 3.21)</i></span>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix">
                            <div class="col-xs-12 tengah">
                                <br>
                                <p><span class="red">Keterangan</span>: Semua item yang tersedia wajib diisi.</p>
                                <button type="submit" class="btn btn-primary" name="daftar" onclick="return confirm('Anda yakon data yang dimasukkan sudah benar...?"><i class="ace-icon fa fa-save bigger-110"></i>Daftar</button>
                            </div>
                        </div>
                    </form>         
                </div>
            </div>
        </div>
    </div>
    <?php include "footer.php";?>

    <script src="assets1/js/date-time/bootstrap-datepicker.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){
                $("#kfak").change(function(){
                    var kfak = {kfak:$("#kfak").val()};
                    $.ajax({
                        type: "POST",
                        url : "tracer/stuu/ambil_prodi.php",
                        data: kfak,
                        success: function(msg){
                            $('#prodi').html(msg);
                        }
                    });
                });
            });

        jQuery(function($) {

            $('.date-picker').datepicker({
                autoclose: true,
                todayHighlight: true
            })
                //show datepicker when clicking on the icon
                .next().on(ace.click_event, function(){
                 $(this).prev().focus();
            });
        })
    </script>
</body>
</html>