API tools faq
paste
adhieresthenes

logged.php

adhieresthenes
Jun 5th, 2017
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 46.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
  3. <!--[if !IE]><!-->
  4.  
  5. <?php
  6.  
  7. include_once '../app/config/config.php';
  8. include_once '../app/general/Security.php';
  9. include_once '../app/general/Functions.php';
  10. require("../app/securimage/Securimage.php");
  11. sec_session_start();
  12.  
  13. if(!isset($_SESSION['username'])) {
  14.     header("Location: ./admin/login");
  15.     exit();
  16. }
  17.  
  18. $mysqli = new mysqli(HOST, USER, PASSWORD, DATABASE);
  19. if (mysqli_connect_errno()) {
  20.     printf("Error Connection local\n", mysqli_connect_error());
  21.     exit;
  22. }
  23.  
  24. $perso_connection = TRUE;
  25. @$mysqli_perso = new mysqli(HOST_PERSO, USER_PERSO, PASSWORD_PERSO, DATABASE_PERSO);
  26. if (mysqli_connect_errno()) {
  27.     //printf("Error Connection Perso\n", mysqli_connect_error());
  28.     //exit;
  29.     $perso_connection = FALSE;
  30. }
  31.  
  32. $tabactive1 = "class='active'";
  33. $tabactive2 = "";
  34. $tabactive3 = "";
  35. $tabactive4 = "";
  36. $tabactive5 = "";
  37. $tabactive6 = "";
  38. $tactive1 = "active";
  39. $tactive2 = "";
  40. $tactive3 = "";
  41. $tactive4 = "";
  42. $tactive5 = "";
  43. $tactive6 = "";
  44. $settab = "#home";
  45.  
  46. $img = new Securimage();
  47.  
  48. if (isset($_POST['topup'])) {
  49.     if ($perso_connection) {
  50.         if($img->check($_POST['captcha_code']) == true) {
  51.             $query2 = "SELECT balance FROM obu_account WHERE obu_id = '".$_POST['obu_id']."' LIMIT 1";
  52.             $result2 = $mysqli_perso->query($query2);
  53.             $row2 = $result2->fetch_array(MYSQLI_BOTH);
  54.  
  55.             $newbalance = $row2['balance'] + $_POST['nominal'];
  56.             $payment_code = sprintf("%08d", 120);
  57.             $query4 = "UPDATE obu_account SET balance = '".$newbalance."' WHERE obu_id = '".$_POST['obu_id']."'";
  58.             $result4 = $mysqli_perso->query($query4);
  59.             $query5 = "INSERT INTO obu_topup (obu_id,trx_date,amount,balance,update_by) VALUES ('".$_POST['obu_id']."', NOW(), '".$_POST['nominal']."', '".$newbalance."','WEB')";
  60.             $result5 = $mysqli_perso->query($query5);
  61.             if ($result4 && $result5) {
  62.                 $pesan_kode_pembayaran = '';
  63.                 if ( @in_array($_POST['metode'], array('transfer_bank', 'indomaret', 'alfamart')) ) {
  64.                     $functions = new Functions();
  65.                     $kode_pembayaran = $functions->random_string('numeric');
  66.                     $pesan_kode_pembayaran = 'Kode bayar: '.$kode_pembayaran.'. Silakan lakukan pembayaran sesuai pilihan Anda.';
  67.                     $mysqli_perso->query("INSERT INTO sms_inbox (obu_id,phone_number,sms,time_req) VALUES ('".$_POST['obu_id']."', '".$_POST['handphone']."', '".$pesan_kode_pembayaran."', NOW())");
  68.                 }
  69.                
  70.                 $topmsg = array('success' => "Berhasil Top Up OBU dengan nomor ". $_POST['obu_id'] ." sebesar Rp. ". number_format($_POST['nominal'],0) .",- {$pesan_bayar}");
  71.                 if ($pesan_kode_pembayaran != '') {
  72.                     $topmsg = array('success' => '<strong>'.$pesan_kode_pembayaran.'</strong>');
  73.                 }
  74.                
  75.                 $pesan_sms = date('d/m/Y H:i')." ERP JAKARTA - TOPUP VIA WEB OBUID ".$_POST['obu_id']." RP. ". number_format($_POST['nominal'],0) ." - SALDO OBU RP. ". number_format($newbalance,0);
  76.  
  77.                 $query10 = "INSERT INTO sms_inbox (obu_id,phone_number,sms,time_req) VALUES ('".$_POST['obu_id']."', '".$_POST['handphone']."', '".$pesan_sms."', NOW())";
  78.                 $result10 = $mysqli_perso->query($query10);
  79.                 //$saldo = "<h4>Sisa Saldo Anda <b>Rp. ". number_format($newbalance,0) .",-</b> Silahkan melakukan Top Up.</h4>";
  80.             } else {
  81.                 $topmsg = array('error' => "Gagal melakukan Top Up sebesar ". $_POST['nominal']);
  82.             }
  83.         } else {
  84.             $topmsg = array('error' => "Silahkan mengisi kode CAPTCHA dengan benar");
  85.         }
  86.    
  87.     } else {
  88.         $topmsg = array('warning' => "Maaf untuk sementara Anda belum dapat melakukan top up");
  89.     }
  90.    
  91.     $tabactive2 = "class='active'";
  92.     $tabactive1 = "";
  93.     $tabactive6 = "";
  94.     $tabactive3 = "";
  95.     $tabactive4 = "";
  96.     $tabactive5 = "";
  97.     $tactive1 = "";
  98.     $tactive2 = "active";
  99.     $tactive3 = "";
  100.     $tactive4 = "";
  101.     $tactive5 = "";
  102.     $tactive6 = "";
  103.     $settab = "#topup";
  104. }
  105.    
  106.     //$saldo = "<h4>Sisa Saldo Anda <b>Rp. ". number_format($row2['balance'],0) .",-</b> Silahkan melakukan Top Up.</h4>";
  107.  
  108. $profile_updated = FALSE;
  109. if (isset($_POST['update_profil'])) {
  110.     if ($perso_connection) {
  111.         $res = $mysqli->query("SELECT sms_security_code,obu_id,handphone FROM m_user WHERE username = '".$_SESSION['username']."'")->fetch_array(MYSQLI_BOTH);
  112.         if ($res['sms_security_code'] == '') {
  113.             $func = new Functions();
  114.             $code = $func->random_string('numeric', 4);
  115.             $mysqli->query("UPDATE m_user SET sms_security_code = '{$code}' WHERE username = '".$_SESSION['username']."'");
  116.            
  117.             $mysqli_perso->query("INSERT INTO sms_inbox (obu_id,phone_number,sms,time_req) VALUES ('".$res['obu_id']."', '".$res['handphone']."', '{$code} Verification Code from ERP Jakarta.', NOW())");
  118.         } else {
  119.            
  120.             if (isset($_POST['kodeSMS']) && $res['sms_security_code'] != $_POST['kodeSMS']) {
  121.                 $topmsg = array('error' => "Kode Verifikasi salah. Periksa kembali kode verifikasi yang dikirim via SMS ke ponsel Anda.");
  122.             } elseif (isset($_POST['kodeSMS']) && $res['sms_security_code'] == $_POST['kodeSMS']) {
  123.                 // update profile
  124.                 $query7 = "UPDATE m_user SET name = '".$_POST['name']."'".
  125.                     ", email = '".$_POST['email']."'".
  126.                     ", handphone = '".$_POST['handphone']."'".
  127.                     ", address = '".$_POST['address']."'".
  128.                     ", kelurahan = '".$_POST['kelurahan']."'".
  129.                     ", kecamatan = '".$_POST['kecamatan']."'".
  130.                     ", city = '".$_POST['city']."'".
  131.                     ", province = '".$_POST['province']."'".
  132.                     ", zipcode = '".$_POST['zipcode']."'".
  133.                     ", no_ktp = '".$_POST['no_ktp']."' ".
  134.                     "WHERE username = '".$_SESSION['username']."'";
  135.                 $result7 = $mysqli->query($query7);
  136.                 if($result7) {
  137.                     $topmsg = array('success' => "Berhasil melakukan update profil.");
  138.                    
  139.                     $mysqli->query("UPDATE m_user SET sms_security_code = NULL WHERE username = '".$_SESSION['username']."'");
  140.                    
  141.                     $mysqli_perso->query("UPDATE obu_account SET customer_name = '".$_POST['name']."', phone_number = '".$_POST['handphone']."', last_update = now(), update_by = '".$_SESSION['username']."' WHERE obu_id = '". $res['obu_id'] ."'");
  142.                    
  143.                     $profile_updated = TRUE;
  144.                    
  145.                 } else {
  146.                     $topmsg = array('error' => "Gagal melakukan update profil.");
  147.                 }
  148.             }
  149.         }
  150.        
  151.     } else {
  152.         $topmsg = array('warning' => "Maaf untuk sementara Anda belum dapat melakukan update profil.");
  153.     }
  154.  
  155.    //if($img->check($_POST['captcha_code']) == true) {
  156.         /*$query7 = "UPDATE m_user SET name = '".$_POST['name']."'".
  157.                 ", email = '".$_POST['email']."'".
  158.                 ", handphone = '".$_POST['handphone']."'".
  159.                 ", address = '".$_POST['address']."'".
  160.                 ", kelurahan = '".$_POST['kelurahan']."'".
  161.                 ", kecamatan = '".$_POST['kecamatan']."'".
  162.                 ", city = '".$_POST['city']."'".
  163.                 ", province = '".$_POST['province']."'".
  164.                 ", zipcode = '".$_POST['zipcode']."'".
  165.                 ", no_ktp = '".$_POST['no_ktp']."' ".
  166.                 "WHERE username = '".$_SESSION['username']."'";
  167.         $result7 = $mysqli->query($query7);
  168.         if($result7) {
  169.              $topmsg = array('success' => "Berhasil melakukan update profil");
  170.         }else {
  171.              $topmsg = array('error' => "Gagal melakukan update profil");
  172.         }
  173.         */
  174.     //}else {
  175.     //    $topmsg = array('error' => "Silahkan mengisi kode CAPTCHA dengan benar");
  176.     //}
  177.  
  178.     $tabactive6 = "class='active'";
  179.     $tabactive1 = "";
  180.     $tabactive2 = "";
  181.     $tabactive3 = "";
  182.     $tabactive4 = "";
  183.     $tabactive5 = "";
  184.     $tactive1 = "";
  185.     $tactive2 = "";
  186.     $tactive3 = "";
  187.     $tactive4 = "";
  188.     $tactive5 = "";
  189.     $tactive6 = "active";
  190.     $settab = "#settings";
  191. }
  192.  
  193. if(isset($_POST['tambah_obu'])) {
  194.     if ($perso_connection) {
  195.         if ($img->check($_POST['captcha_code']) == true) {
  196.             //check in perso database before insert
  197.             $query_c = "SELECT count(*) as jum FROM obu_account WHERE obu_id = '".$_POST['obu_id']."'";
  198.             $result_c = $mysqli_perso->query($query_c);
  199.             $row_c = $result_c->fetch_array(MYSQLI_BOTH);
  200.  
  201.             if($row_c['jum'] > 0) {
  202.                 $res = $mysqli->query("SELECT * FROM obu_registered WHERE obu_id = '".$_POST['obu_id']."'")->fetch_array(MYSQLI_BOTH);
  203.                 if ( ! $res) {
  204.                     $query5 = "INSERT INTO obu_registered (obu_id,username,create_date,created_by,no_plat,no_mesin,tipe_akun) ".
  205.                         "VALUES ('".$_POST['obu_id']."', '".$_SESSION['username']."', NOW(), '".$_SESSION['username']."', '".$_POST['no_plat']."', '".$_POST['no_mesin']."','prepaid')";
  206.                     $result5 = $mysqli->query($query5);
  207.                    
  208.                     // send sms notification
  209.                     $res2 = $mysqli_perso->query("SELECT * FROM obu_account WHERE obu_id = '".$_POST['obu_id']."'")->fetch_array(MYSQLI_BOTH);
  210.                     $msg = 'OBU ID '.$res2['obu_id'].' berhasil ditambahkan';
  211.                     $mysqli_perso->query("INSERT INTO sms_inbox (obu_id,phone_number,sms,time_req) VALUES ('".$res2['obu_id']."', '".$res2['phone_number']."', '{$msg}', NOW())");
  212.                    
  213.                     if ($result5) {
  214.                         $topmsg = array('success' => "Berhasil menambah OBU baru ". $_POST['obu_id'] .".");
  215.                         //$saldo = "<h4>Sisa Saldo Anda <b>Rp. ". number_format($newbalance,0) .",-</b> Silahkan melakukan Top Up.</h4>";
  216.                     } else {
  217.                         $topmsg = array('error' => "Gagal menambah OBU ID ".$_POST['obu_id'].". OBU ID sudah terdaftar.");
  218.                     }
  219.                 } else {
  220.                     $topmsg = array('error' => "Gagal menambah OBU ID ".$_POST['obu_id'].". OBU ID sudah terdaftar.");
  221.                 }
  222.             } else {
  223.                 $topmsg = array('error' => "OBU ID yang Anda masukkan tidak terdaftar.");
  224.             }
  225.  
  226.            
  227.         } else {
  228.             $topmsg = array('error' => "Silakan mengisi kode CAPTCHA dengan benar");
  229.         }
  230.        
  231.     } else {
  232.         $topmsg = array('warning' => "Maaf untuk sementara Anda belum dapat menambahkan OBU.");
  233.     }  
  234.    
  235.     $tabactive5 = "class='active'";
  236.     $tabactive1 = "";
  237.     $tabactive2 = "";
  238.     $tabactive3 = "";
  239.     $tabactive4 = "";
  240.     $tabactive6 = "";
  241.     $tactive1 = "";
  242.     $tactive2 = "";
  243.     $tactive3 = "";
  244.     $tactive4 = "";
  245.     $tactive5 = "active";
  246.     $tactive6 = "";
  247.     $settab = "#obu";
  248. }
  249.  
  250. //if (isset($_POST['tambah_obu']) || $perso_connection) {
  251.     $query0 = "SELECT * FROM m_user where username = '". $_SESSION['username'] ."'";
  252.     $result0 = $mysqli->query($query0);
  253.     $row0 = $result0->fetch_array(MYSQLI_BOTH);
  254.  
  255.     $query = "SELECT * FROM obu_registered where username = '". $_SESSION['username'] ."'";
  256.     $result = $mysqli->query($query);
  257.     $row = $result->fetch_array(MYSQLI_BOTH);
  258.  
  259.     //$saldo = "<h4>Sisa Saldo Anda <b>Rp. ". number_format($row2['balance'],0) .",-</b> Silahkan melakukan Top Up.</h4>";
  260.     $saldo = '';
  261.  
  262.     $query6 = "SELECT * FROM obu_registered WHERE username = '".$_SESSION['username']."' ORDER BY create_date ASC";
  263.     $result6 = $mysqli->query($query6);
  264.     $obulist_all = "";
  265.     $obu_option = "";
  266.     while ($row6 = $result6->fetch_object()) {
  267.         if ($row6->obu_id <> '') {
  268.             if ($perso_connection) {
  269.                 $query2 = "SELECT balance FROM obu_account WHERE obu_id = '".$row6->obu_id."' LIMIT 1";
  270.                 $result2 = $mysqli_perso->query($query2);
  271.                 $row2 = $result2->fetch_array(MYSQLI_BOTH);
  272.  
  273.                 if ($row2['balance'] < 0) {
  274.                     $btn = "btn-danger";
  275.                 } else {
  276.                     $btn = "btn-success";
  277.                 }
  278.                
  279.                 if ($row6->tipe_akun == 'prepaid') {
  280.                     $saldo .= "<tr><td>".$row6->obu_id."</td><td>".$row6->no_plat."</td><td>".$row6->no_mesin."</td><td align='right'><button class='btn $btn'>". number_format($row2['balance'],0) ."</button></td></tr>";
  281.                     //$saldo .= "<button class='btn btn-success'> Saldo OBU Number: ".$row6->obu_id." <b>Rp. ". number_format($row2['balance'],0) ."</b></button><br/><br/>";
  282.                 }
  283.             }
  284.         } else {
  285.             $saldo .= "<tr><td colspan='5'>Tidak dapat menemukan Nomor OBU dalam database</td></tr>";
  286.         }
  287.  
  288.         $obu_option .= "<option value='". $row6->obu_id ."'".(@$_POST['obu_option'] == $row6->obu_id ? ' selected="selected"' : '').">".$row6->obu_id."-".$row6->no_plat."</option>";
  289.         $obu_last = $row6->obu_id;
  290.         if ($row6->tipe_akun == "prepaid") {
  291.             $akun = '<a href="ubah_layanan?obu_id='. $row6->obu_id.'&action=pascabayar" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ubah ke Pasca Bayar</a>';
  292.         } else {
  293.             $akun = '<a href="ubah_layanan?obu_id='. $row6->obu_id.'&action=prabayar" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ubah ke Pra Bayar</a>';
  294.         }
  295.        
  296.         if ($row0['obu_id'] != $row6->obu_id) {
  297.             $del = '&nbsp;<a href="ubah_layanan?obu_id='. $row6->obu_id.'&action=delete" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Hapus</a>';
  298.         } else {
  299.             $del = '&nbsp;<a href="javascript:void(0)" class="btn btn-danger btn-xs disabled"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Hapus</a>';
  300.         }
  301.        
  302.         if ($row6->tipe_akun == 'prepaid') {
  303.             $account_type = 'Pra Bayar';
  304.             $badge = 'badge bg-blue';
  305.         } elseif ($row6->tipe_akun == 'postpaid') {
  306.             $account_type = 'Pasca Bayar';
  307.             $badge = 'badge bg-aqua';
  308.         }
  309.        
  310.         $obulist_all .= "
  311.             <tr>
  312.                 <td>".$row6->obu_id."</td>
  313.                 <td>".$row6->no_plat."</td>
  314.                 <td>".$row6->no_mesin."</td>
  315.                 <td class=\"text-center\">".$row6->create_date."</td>
  316.                 <td class=\"text-center\"><span class=\"{$badge}\">".$account_type."</span></td>
  317.                 <td class=\"text-right\">". $akun .$del ."</td>
  318.             </tr>";
  319.     }
  320. //}
  321.  
  322. if (isset($_POST['lihat'])) {
  323.    
  324.     $obu_last = $_POST['obu_option'];
  325.     $tabactive5 = "";
  326.     $tabactive1 = "";
  327.     $tabactive2 = "";
  328.     $tabactive3 = "";
  329.     $tabactive4 = "class='active'";
  330.     $tabactive6 = "";
  331.     $tactive1 = "";
  332.     $tactive2 = "";
  333.     $tactive3 = "";
  334.     $tactive4 = "active";
  335.     $tactive5 = "";
  336.     $tactive6 = "";
  337.     $settab = "#transaksi";
  338.    
  339.     if ( ! $perso_connection) {
  340.         $topmsg = array('warning' => 'Maaf untuk sementara Anda belum dapat melihat daftar transaksi.');
  341.     }
  342. }
  343.  
  344. $his = "";
  345. if ($perso_connection) {
  346.     $query3 = "SELECT * FROM obu_transaction WHERE obu_id = '".$obu_last."' order by tran_date_time desc LIMIT 10";
  347.     $result3 = $mysqli_perso->query($query3);
  348.     while($row3 = $result3->fetch_object()){
  349.  
  350.         $his .= "
  351.             <tr>
  352.                 <td width=\"15%\">".$row3->ref_num."</td>
  353.                 <td width=\"15%\" class=\"text-center\">".$row3->tran_date_time."</td>
  354.                 <td width=\"35%\" align='right'>".number_format($row3->amount,0)."</td>
  355.                 <td width=\"35%\" align='right'>". number_format($row3->balance,0)."</td>
  356.             </tr>
  357.         ";
  358.     }
  359. }
  360.  
  361. $query8 = "SELECT * FROM obu_registered WHERE username = '".$_SESSION['username']."' and tipe_akun = 'postpaid' ORDER BY create_date ASC";
  362. $result8 = $mysqli->query($query8);
  363. $obulist_post = "";
  364.  
  365. while ($row8 = $result8->fetch_object()) {
  366.     if ($row8->tipe_akun == "prepaid") {
  367.         $akun8 = "<button>Ubah ke Pasca Bayar</button>";
  368.  
  369.     } else {
  370.         //$akun8 = "<button>Ubah ke Pra Bayar</button>";
  371.         $akun8 = '<a href="ubah_layanan?obu_id='. $row8->obu_id.'&action=prabayar" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Ubah ke Pra Bayar</a>';
  372.     }
  373.    
  374.     $obulist_post .= "
  375.         <tr>
  376.             <td>".$row8->obu_id."</td>
  377.             <td>".$row8->no_plat."</td>
  378.             <td>".$row8->no_mesin."</td>
  379.             <td width=\"15%\" class=\"text-center\">".$row8->create_date."</td>
  380.             <td width=\"15%\" class=\"text-center\">". $akun8. "</td>
  381.         </tr>
  382.     ";
  383. }
  384.  
  385. if ($perso_connection) {
  386.     mysqli_close($mysqli_perso);
  387. }
  388. ?>
  389. <html lang="en">
  390. <!--<![endif]-->
  391.  
  392. <head>
  393.     <meta charset="utf-8" />
  394.     <title>Layanan Pengguna ERP Jakarta</title>
  395.     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
  396.     <meta content="" name="description" />
  397.     <meta content="" name="author" />
  398.    
  399.     <!-- ================== BEGIN BASE CSS STYLE ================== -->
  400.     <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
  401.     <link href="assets_mem/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  402.     <link href="assets_mem/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  403.     <link href="assets_mem/css/animate.min.css" rel="stylesheet" />
  404.     <link href="assets_mem/css/style.min.css" rel="stylesheet" />
  405.     <link href="assets_mem/css/style-responsive.min.css" rel="stylesheet" />
  406.     <link href="assets_mem/css/theme/default.css" id="theme" rel="stylesheet" />
  407.     <!-- ================== END BASE CSS STYLE ================== -->
  408.    
  409.     <!-- ================== BEGIN BASE JS ================== -->
  410.     <script src="assets_mem/plugins/pace/pace.min.js"></script>
  411.     <!-- ================== END BASE JS ================== -->
  412.    
  413. </head>
  414. <body data-spy="scroll" data-target="#header-navbar" data-offset="51">
  415.     <!-- begin #page-container -->
  416.     <div id="page-container" class="fade">
  417.         <!-- begin #header -->
  418.         <div id="header" class="header navbar navbar-inverse navbar-fixed-top">
  419.             <!-- begin container -->
  420.             <div class="container">
  421.                 <!-- begin navbar-header -->
  422.                 <div class="navbar-header">
  423.                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar">
  424.                         <span class="icon-bar"></span>
  425.                         <span class="icon-bar"></span>
  426.                         <span class="icon-bar"></span>
  427.                     </button>
  428.                     <a href="./" class="navbar-brand">
  429.                         <span class="brand-text">
  430.                             <span class="text-theme">Layanan Pengguna</span> ERP Jakarta
  431.                         </span>
  432.                     </a>
  433.                 </div>
  434.                 <!-- end navbar-header -->
  435.                 <!-- begin navbar-collapse -->
  436.                 <div class="collapse navbar-collapse" id="header-navbar">
  437.                     <ul class="nav navbar-nav navbar-right">
  438.                         <li><a href="#" data-click="scroll-to-target">Selamat Datang, <?php echo $row0['name'] ?></a></li>
  439.                     </ul>
  440.                 </div>
  441.                 <!-- end navbar-collapse -->
  442.             </div>
  443.             <!-- end container -->
  444.         </div>
  445.         <!-- end #header -->
  446.        
  447.         <!-- begin #about -->
  448.         <div id="about" class="content" data-scrollview="true">
  449.             <!-- begin container -->
  450.             <div class="container" data-animation="true" data-animation-type="fadeInDown">
  451.                 <p class="content-desc">
  452.                     <h3>Selamat Datang <?php echo $row0['name'] ?> di Akun ERP Jakarta Anda, <a href="./logout">Logout</a>.</h3>
  453.                     <?php
  454.                         if( ! empty($topmsg)) {
  455.                             if (@$topmsg['error']) {
  456.                                 echo '<div class="alert alert-danger text-center"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>'.$topmsg['error'].'</strong></div>';
  457.                             }
  458.                             if (@$topmsg['warning']) {
  459.                                 echo '<p class="alert alert-warning text-center"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>'.$topmsg['warning'].'</strong></p>';
  460.                             }
  461.                             if (@$topmsg['success']) {
  462.                                 echo '<p class="alert alert-success text-center"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>'.$topmsg['success'].'</strong></p>';
  463.                             }
  464.                         }
  465.                        
  466.                     ?>
  467.                 </p>
  468.                 <!-- begin row -->
  469.                 <div class="row">
  470.                    <ul class="nav nav-tabs" role="tablist" id="myTab">
  471.                       <li role="presentation" <?php echo $tabactive1 ?>><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Saldo (Pra Bayar)</a></li>
  472.                       <li role="presentation" <?php echo $tabactive2 ?>><a href="#topup" aria-controls="topup" role="tab" data-toggle="tab">Top Up (Pra Bayar)</a></li>
  473.                       <li role="presentation" <?php echo $tabactive3 ?>><a href="#postpaid" aria-controls="postpaid" role="tab" data-toggle="tab">Pasca Bayar</a></li>
  474.                       <li role="presentation" <?php echo $tabactive4 ?>><a href="#transaksi" aria-controls="transaksi" role="tab" data-toggle="tab">Transaksi</a></li>
  475.                       <li role="presentation" <?php echo $tabactive5 ?>><a href="#obu" aria-controls="obu" role="tab" data-toggle="tab">Daftar OBU</a></li>
  476.                       <li role="presentation" <?php echo @$tabactive6 ?>><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Sunting</a></li>
  477.                     </ul>
  478.  
  479.                     <div class="tab-content">
  480.                       <div role="tabpanel" class="tab-pane <?php echo $tactive1 ?>" id="home">
  481.                         <?php if ( ! $perso_connection && ! empty($tactive1)) { ?>
  482.                         <div class="alert alert-warning">Maaf untuk sementara halaman ini belum dapat ditampilkan.</div>
  483.                         <?php } else { ?>
  484.                         <table class="table table-striped table-bordered">
  485.                             <thead>
  486.                                 <tr>
  487.                                     <th class="text-center">Nomor OBU</th>
  488.                                     <th class="text-center">Nomor Kendaraan</th>
  489.                                     <th class="text-center">Nomor Mesin</th>
  490.                                     <th class="text-center">Saldo</th>
  491.                                 </tr>
  492.                             </thead>
  493.                             <tbody>
  494.                                 <?php echo $saldo; ?>
  495.                             </tbody>
  496.                         </table>
  497.                         <?php } ?>
  498.                         </div>
  499.                       <div role="tabpanel" class="tab-pane <?php echo $tactive2 ?>" id="topup">
  500.                           <h4>Silahkan melakukan top up dengan mengisi form di bawah ini.</h4>
  501.                           <form class="form-horizontal" method="post" data-parsley-validate="true">
  502.                             <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">
  503.                             <div class="form-group">
  504.                                 <label class="control-label col-md-3">Pilih Nomor OBU <span class="text-theme">*</span></label>
  505.                                 <div class="col-md-9">
  506.                                     <input type="hidden" name='handphone' id='handphone' class="form-control" value="<?php echo $row0['handphone'] ?>"/>
  507.                                     <select class="form-control" name="obu_id" data-parsley-required="true">
  508.                                         <option value="">- Pilih Satu -</option>
  509.                                         <?php echo $obu_option ?>
  510.                                     </select>
  511.                                 </div>
  512.                             </div>
  513.                             <div class="form-group">
  514.                                 <label class="control-label col-md-3">Nominal <span class="text-theme">*</span></label>
  515.                                 <div class="col-md-9">
  516.                                     <select class="form-control" name="nominal" data-parsley-required="true">
  517.                                         <option value="">- Pilih Satu -</option>
  518.                                         <option value="50000">50.000</option>
  519.                                         <option value="100000">100.000</option>
  520.                                         <option value="150000">150.000</option>
  521.                                         <option value="200000">200.000</option>
  522.                                         <option value="500000">500.000</option>
  523.                                         <option value="1000000">1.000.000</option>
  524.                                     </select>
  525.                                 </div>
  526.                             </div>
  527.                             <div class="form-group">
  528.                                 <label class="control-label col-md-3">Metode Bayar <span class="text-theme">*</span></label>
  529.                                 <div class="col-md-9">
  530.                                     <select class="form-control" name="metode" data-parsley-required="true">
  531.                                         <option value="">- Pilih Satu -</option>
  532.                                         <option value="transfer_bank">Transfer Bank</option>
  533.                                         <option value="indomaret">Indomaret</option>
  534.                                         <option value="alfamart">Alfamart</option>
  535.                                         <option value="kartu_kredit">Kartu Kredit</option>
  536.                                     </select>
  537.                                 </div>
  538.                             </div>
  539.                             <div id="metodeOptionFields"></div>
  540.                             <div class="form-group">
  541.                                 <label class="control-label col-md-3">CAPTCHA</label>
  542.                              
  543.                                 <div class="col-md-9">
  544.                                 <img src="captcha.php" id="captcha" alt="captcha" width="130" style="float:left;margin-right:10px;" class="img-rounded"/>
  545.                                   <div class="input-group">
  546.                                   <input type="text" name="captcha_code" size="30" placeholder="Security Code" class="form-control input-lg" data-parsley-required="true"/>
  547.              
  548.                                     <span class="input-group-addon">
  549.                                     <a href="#" onclick="document.getElementById('captcha').src = 'captcha.php?' + Math.random(); return false"><i class='fa fa-refresh'  alt='Refresh'></i></a></span>
  550.                                 </div>
  551.                               </div>
  552.                             </div>
  553.                             <div class="form-group">
  554.                                 <label class="control-label col-md-3"></label>
  555.                                 <div class="col-md-9 text-left">
  556.                                     <button type="submit" name="topup" class="btn btn-theme btn-block"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Top Up</button>
  557.                                 </div>
  558.                             </div>
  559.                         </div>
  560.                         </form>
  561.  
  562.                       </div>
  563.                       <div role="tabpanel" class="tab-pane <?php echo $tactive3 ?>" id="postpaid">
  564.                             <table class="table table-striped table-bordered">
  565.                             <thead>
  566.                                 <tr>
  567.                                     <th class="text-center">Nomor OBU</th>
  568.                                     <th class="text-center">Nomor Kendaraan</th>
  569.                                     <th class="text-center">Nomor Mesin</th>
  570.                                     <th class="text-center">Tanggal Registrasi</th>
  571.                                     <th>&nbsp;</th>
  572.                                 </tr>
  573.                             </thead>
  574.                             <tbody>
  575.                                 <?php echo $obulist_post; ?>
  576.                             </tbody>
  577.                             </table>
  578.                       </div>
  579.                       <div role="tabpanel" class="tab-pane <?php echo $tactive4 ?>" id="transaksi">
  580.                       <form class="form-vertical" method="post">
  581.                         <div class="form-group">
  582.                             <div class="col-sm-10" style="padding-left:0px">
  583.                                 <select class="form-control" name="obu_option">
  584.                                     <option value="">- Pilih Nomor OBU -</option>
  585.                                     <?php echo $obu_option ?>
  586.                                 </select>
  587.                             </div>
  588.                             <div class="col-sm-2">
  589.                                 <button type="submit" name="lihat" class="btn btn-theme btn-block"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Lihat</button>
  590.                             </div>
  591.                         </div>
  592.                         </form>
  593.                        
  594.                         <h3>Nomor OBU: <?php echo $obu_last; ?></h3>
  595.                         <table class="table table-striped table-bordered">
  596.                             <thead>
  597.                                 <tr>
  598.                                     <th class="text-center">Nomor Referensi</th>
  599.                                     <th class="text-center">Tanggal dan Waktu</th>
  600.                                     <th class="text-center">Jumlah</th>
  601.                                     <th class="text-center">Saldo</th>
  602.                                 </tr>
  603.                             </thead>
  604.                             <tbody>
  605.                                 <?php echo $his; ?>
  606.                             </tbody>
  607.                         </table>
  608.  
  609.                       </div>
  610.                       <div role="tabpanel" class="tab-pane <?php echo $tactive5 ?>" id="obu">
  611.                         <div id="frmAddOBU" style="display:none">
  612.                             <form class="form-horizontal" method="post" data-parsley-validate="true">
  613.                             <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">
  614.                             <div class="form-group">
  615.                                 <label class="control-label col-md-3">Nomor OBU <span class="text-theme">*</span></label>
  616.                                 <div class="col-md-9">
  617.                                     <input type="text" name='obu_id' id='obu_id' class="form-control" data-parsley-required="true"/>
  618.                                 </div>
  619.                             </div>
  620.                             <div class="form-group">
  621.                                 <label class="control-label col-md-3">Nomor Kendaraan <span class="text-theme">*</span></label>
  622.                                 <div class="col-md-9">
  623.                                     <input type="text" name='no_plat' id='no_plat' class="form-control" data-parsley-required="true"/>
  624.                                 </div>
  625.                             </div>
  626.                             <div class="form-group">
  627.                                 <label class="control-label col-md-3">Nomor STNK/Mesin Kendaraan <span class="text-theme">*</span></label>
  628.                                 <div class="col-md-9">
  629.                                     <input type="text" name='no_mesin' id='no_mesin' class="form-control" data-parsley-required="true"/>
  630.                                 </div>
  631.                             </div>
  632.                             <div class="form-group">
  633.                                 <label class="control-label col-md-3">CAPTCHA</label>
  634.                              
  635.                                 <div class="col-md-9">
  636.                                 <img src="captcha.php" id="captcha2" alt="captcha" width="130" style="float:left;margin-right:10px;" class="img-rounded"/>
  637.                                   <div class="input-group">
  638.                                   <input type="text" name="captcha_code" size="30" placeholder="Security Code" class="form-control input-lg" data-parsley-required="true"/>
  639.              
  640.                                     <span class="input-group-addon">
  641.                                     <a href="#" onclick="document.getElementById('captcha2').src = 'captcha.php?' + Math.random(); return false"><i class='fa fa-refresh'  alt='Refresh'></i></a></span>
  642.                                 </div>
  643.                               </div>
  644.                             </div>
  645.                             <div class="form-group">
  646.                                 <label class="control-label col-md-3"></label>
  647.                                 <div class="col-md-9 text-left">
  648.                                     <button type="submit" name="tambah_obu" class="btn btn-theme btn-block"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Tambah OBU</button>
  649.                                 </div>
  650.                             </div>
  651.                             </div>
  652.                             </form>
  653.                             <div class="clearfix"></div>
  654.                         </div>
  655.                            
  656.                             <div class="row" style="margin:0 0 10px 0">
  657.                                 <div class="col-md-12 text-right" style="padding:0px">
  658.                                     <a href="javascript:void(0)" class="btn btn-default btn-xs" onclick="document.getElementById('frmAddOBU').style.display='block'"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Tambah Baru</a>
  659.                                 </div>
  660.                             </div>
  661.                            
  662.                             <table class="table table-striped table-bordered">
  663.                                 <thead>
  664.                                     <tr>
  665.                                         <th class="text-center">OBU ID</th>
  666.                                         <th class="text-center">Nomor Kendaraan</th>
  667.                                         <th class="text-center">Nomor Mesin</th>
  668.                                         <th width="15%" class="text-center">Tanggal Registrasi</th>
  669.                                         <th class="text-center">Jenis Akun</th>
  670.                                         <th width="22%">&nbsp;</th>
  671.                                     </tr>
  672.                                 </thead>
  673.                                 <tbody>
  674.                                     <?php echo $obulist_all; ?>
  675.                                 </tbody>
  676.                             </table>
  677.  
  678.                       </div>
  679.                       <div role="tabpanel" class="tab-pane <?php echo $tactive6 ?>" id="settings">
  680.                           <form class="form-horizontal" method="post" data-parsley-validate="true">
  681.                     <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">
  682.                         <div id="frmSettings">
  683.                        
  684.                         <div class="form-group">
  685.                                 <label class="control-label col-md-3">Username <span class="text-theme">*</span></label>
  686.                                 <div class="col-md-9">
  687.                                     <input type="text" name='username' id='username' class="form-control" readonly value="<?php echo $row0['username'] ?>" data-type="alphanum" data-parsley-required="true"/>
  688.                                 </div>
  689.                             </div>
  690.                             <div class="form-group">
  691.                                 <label class="control-label col-md-3">No. KTP <span class="text-theme">*</span></label>
  692.                                 <div class="col-md-9">
  693.                                     <input type="text" name='no_ktp' id='no_ktp' class="form-control" value="<?php echo isset($_POST['no_ktp']) ? $_POST['no_ktp'] : $row0['no_ktp'] ?>" data-parsley-required="true"/>
  694.                                 </div>
  695.                             </div>
  696.                             <div class="form-group">
  697.                                 <label class="control-label col-md-3">Nama Lengkap (Sesuai KTP) <span class="text-theme">*</span></label>
  698.                                 <div class="col-md-9">
  699.                                     <input type="text" name='name' id='name' class="form-control" value="<?php echo isset($_POST['name']) ? $_POST['name'] :  $row0['name'] ?>" data-parsley-required="true"/>
  700.                                 </div>
  701.                             </div>
  702.                             <div class="form-group">
  703.                                 <label class="control-label col-md-3">Email <span class="text-theme">*</span></label>
  704.                                 <div class="col-md-9">
  705.                                     <input type="text" name='email' id='email' class="form-control"  value="<?php echo isset($_POST['email']) ? $_POST['email'] :  $row0['email'] ?>" data-parsley-required="true"/>
  706.                                 </div>
  707.                             </div>
  708.                             <div class="form-group">
  709.                                 <label class="control-label col-md-3">Nomor Handphone <span class="text-theme">*</span></label>
  710.                                 <div class="col-md-9">
  711.                                     <input type="text" name='handphone' id='handphone' class="form-control" value="<?php echo isset($_POST['handphone']) ? $_POST['handphone'] :  $row0['handphone'] ?>" data-parsley-required="true"/>
  712.                                 </div>
  713.                             </div>
  714.                             <div class="form-group">
  715.                                 <label class="control-label col-md-3">Alamat <span class="text-theme">*</span></label>
  716.                                 <div class="col-md-9">
  717.                                     <input type="text" name='address' id='address' class="form-control" value="<?php echo isset($_POST['address']) ? $_POST['address'] : $row0['address'] ?>" data-parsley-required="true"/>
  718.                                 </div>
  719.                             </div>
  720.                             <div class="form-group">
  721.                                 <label class="control-label col-md-3">Kelurahan <span class="text-theme">*</span></label>
  722.                                 <div class="col-md-9">
  723.                                     <input type="text" name='kelurahan' id='kelurahan' class="form-control"value="<?php echo isset($_POST['kelurahan']) ? $_POST['kelurahan'] :  $row0['kelurahan'] ?>" data-parsley-required="true"/>
  724.                                 </div>
  725.                             </div>
  726.                             <div class="form-group">
  727.                                 <label class="control-label col-md-3">Kecamatan <span class="text-theme">*</span></label>
  728.                                 <div class="col-md-9">
  729.                                     <input type="text" name='kecamatan' id='kecamatan' class="form-control" value="<?php echo isset($_POST['kecamatan']) ? $_POST['kecamatan'] :  $row0['kecamatan'] ?>" data-parsley-required="true"/>
  730.                                 </div>
  731.                             </div>
  732.                             <div class="form-group">
  733.                                 <label class="control-label col-md-3">Kota <span class="text-theme">*</span></label>
  734.                                 <div class="col-md-9">
  735.                                     <input type="text" name='city' id='city' class="form-control" value="<?php echo isset($_POST['city']) ? $_POST['city'] :  $row0['city'] ?>" data-parsley-required="true"/>
  736.                                 </div>
  737.                             </div>
  738.                             <div class="form-group">
  739.                                 <label class="control-label col-md-3">Provinsi <span class="text-theme">*</span></label>
  740.                                 <div class="col-md-9">
  741.                                     <input type="text" name='province' id='province' class="form-control" value="<?php echo isset($_POST['province']) ? $_POST['province'] : $row0['province'] ?>" data-parsley-required="true"/>
  742.                                 </div>
  743.  
  744.                             </div>
  745.                             <div class="form-group">
  746.                                 <label class="control-label col-md-3">Kode Pos <span class="text-theme">*</span></label>
  747.                                 <div class="col-md-9">
  748.                                     <input type="text" name='zipcode' id='zipcode' class="form-control"  value="<?php echo $row0['zipcode'] ?>" data-parsley-required="true"/>
  749.                                 </div>
  750.  
  751.                             </div>
  752.                            
  753.                             </div>
  754.                            
  755.                             <?php if (isset($_POST['update_profil'])) { ?>
  756.                             <div class="form-group" id="kodeSMSProfile">
  757.                                 <label class="control-label col-md-3">Kode Verifikasi <span class="text-theme">*</span></label>
  758.                                 <div class="col-md-9">
  759.                                     <input type="text" name='kodeSMS' id='kodeSMS' class="form-control" />
  760.                                 </div>
  761.                             </div>
  762.                             <!--
  763.                             <div class="form-group" id="btnUpdateProfileKodeSMS">
  764.                                 <label class="control-label col-md-3"></label>
  765.                                 <div class="col-md-9 text-left">
  766.                                     <button type="submit" name="btnUpdateProfileKodeSMS" class="btn btn-theme btn-block">Submit</button>
  767.                                 </div>
  768.                             </div>
  769.                             -->
  770.                             <script>
  771.                             document.getElementById('frmSettings').style.display = 'none';
  772.                             <?php if ($profile_updated) { ?>
  773.                             document.getElementById('frmSettings').style.display = 'block';
  774.                             document.getElementById('kodeSMSProfile').style.display = 'none';
  775.                             <?php } ?>
  776.                             </script>
  777.                             <?php } ?>
  778.                            
  779.                             <div class="form-group" id="btnUpdateProfile">
  780.                                 <label class="control-label col-md-3"></label>
  781.                                 <div class="col-md-9 text-left">
  782.                                     <button type="submit" name="update_profil" class="btn btn-theme btn-block"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Update</button>
  783.                                 </div>
  784.                             </div>
  785.                     </div>
  786.                     <!--
  787.                     <div class="col-md-6 form-col" data-animation="true" data-animation-type="fadeInRight">
  788.                        
  789.                             <div class="form-group">
  790.                                 <label class="control-label col-md-3">CAPTCHA</label>
  791.                              
  792.                                 <div class="col-md-9">
  793.                                 <img src="captcha.php" id="captcha3" alt="captcha" width="130" style="float:left;margin-right:10px;" class="img-rounded"/>
  794.                                   <div class="input-group">
  795.                                   <input type="text" name="captcha_code" size="30" placeholder="Security Code" class="form-control input-lg" data-parsley-required="true"/>
  796.              
  797.                                     <span class="input-group-addon">
  798.                                     <a href="#" onclick="document.getElementById('captcha3').src = 'captcha.php?' + Math.random(); return false"><i class='fa fa-refresh'  alt='Refresh'></i></a></span>
  799.                                 </div>
  800.                               </div>
  801.                             </div>
  802.                            
  803.                             <div class="form-group">
  804.                                 <label class="control-label col-md-3"></label>
  805.                                 <div class="col-md-9 text-left">
  806.                                     <button type="submit" name="update_profil" class="btn btn-theme btn-block">Update</button>
  807.                                 </div>
  808.                             </div>
  809.                     </div>
  810.                     -->
  811.                     </form>
  812.  
  813.                       </div>
  814.                     </div>
  815.  
  816.  
  817.                 </div>
  818.                 <!-- end row -->
  819.             </div>
  820.             <!-- end container -->
  821.         </div>
  822.         <!-- end #about -->
  823.        
  824.        
  825.         <!-- begin #footer -->
  826.         <div id="footer" class="footer">
  827.             <div class="container">
  828.                 <div class="footer-brand">
  829.                     <img src="assets_mem/img/erplogo.png" height="200"/>
  830.                 </div>
  831.                 <p>
  832.                     &copy; PT. Alita Praya Mitra 2014<br />
  833.                 </p>
  834.             </div>
  835.         </div>
  836.         <!-- end #footer -->
  837.        
  838.     </div>
  839.     <!-- end #page-container -->
  840.    
  841.     <!-- ================== BEGIN BASE JS ================== -->
  842.     <script src="assets_mem/plugins/jquery/jquery-1.9.1.min.js"></script>
  843.     <script src="assets_mem/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
  844.     <script src="assets_mem/plugins/bootstrap/js/bootstrap.min.js"></script>
  845.     <!--[if lt IE 9]>
  846.         <script src="assets_mem/crossbrowserjs/html5shiv.js"></script>
  847.         <script src="assets_mem/crossbrowserjs/respond.min.js"></script>
  848.         <script src="assets_mem/crossbrowserjs/excanvas.min.js"></script>
  849.     <![endif]-->
  850.     <script src="assets_mem/plugins/jquery-cookie/jquery.cookie.js"></script>
  851.     <script src="assets_mem/plugins/scrollMonitor/scrollMonitor.js"></script>
  852.     <script src="assets/plugins/parsley/dist/parsley.js"></script>
  853.     <script src="assets_mem/js/apps.min.js"></script>
  854.     <!-- ================== END BASE JS ================== -->
  855.    
  856.     <link href="assets_mem/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" />
  857.     <script src="assets_mem/plugins/fancybox/jquery.fancybox.js"></script>
  858.    
  859.     <script>    
  860.         $(document).ready(function() {
  861.             App.init();
  862.         });
  863.     </script>
  864.  
  865.     <script>
  866.     $('#myTab a').click(function (e) {
  867.         e.preventDefault();
  868.         //$(this).tab('show');
  869.     });
  870.  
  871.     // store the currently selected tab in the hash value
  872.     $("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
  873.         var id = $(e.target).attr("href").substr(1);
  874.        // window.location.hash = id;
  875.     });
  876.  
  877.     // on load of the page: switch to the currently selected tab
  878.     var hash = window.location.hash;
  879.     //$('#myTab a[href="' + hash + '"]').tab('show');
  880.    
  881.     document.getElementsByName('metode')[0].onchange = function() {
  882.         var fields = '';
  883.        
  884.         if (this.options[this.options.selectedIndex].text.toUpperCase() == 'TRANSFER BANK') {
  885.             fields += '\
  886.                 <div class="form-group">\
  887.                     <label class="control-label col-md-3">Nama Bank <span class="text-theme">*</span></label>\
  888.                     <div class="col-md-9">\
  889.                         <select name="namaBank" class="form-control" data-parsley-required="true">\
  890.                             <option value="">- Pilih Satu -</option>\
  891.                             <option value="bank_mandiri">Bank Mandiri</option>\
  892.                             <option value="bank_dki">Bank DKI</option>\
  893.                             <option value="bank_bca">Bank BCA</option>\
  894.                         </select>\
  895.                     </div>\
  896.                 </div>';
  897.         }
  898.        
  899.         if (this.options[this.options.selectedIndex].text.toUpperCase() == 'KARTU KREDIT') {
  900.             fields += '\
  901.                 <div class="form-group">\
  902.                     <label class="control-label col-md-3">Jenis Kartu <span class="text-theme">*</span></label>\
  903.                     <div class="col-md-9">\
  904.                         <select name="typeKartuKredit" class="form-control" data-parsley-required="true">\
  905.                             <option value="">- Pilih Satu -</option>\
  906.                             <option value="master">Master</option>\
  907.                             <option value="visa">Visa</option>\
  908.                         </select>\
  909.                     </div>\
  910.                 </div>\
  911.                 \
  912.                 <div class="form-group">\
  913.                     <label class="control-label col-md-3">Nomor Kartu <span class="text-theme">*</span></label>\
  914.                     <div class="col-md-9">\
  915.                         <input type="text" name="nomorKartuKredit" class="form-control" data-parsley-required="true" />\
  916.                         </select>\
  917.                     </div>\
  918.                 </div>\
  919.                 \
  920.                 <div class="form-group">\
  921.                     <label class="control-label col-md-3">Nomor CVV <span class="text-theme">*</span></label>\
  922.                     <div class="col-md-9">\
  923.                         <input type="text" name="nomorCVVKartuKredit" class="form-control" data-parsley-required="true" />\
  924.                         </select>\
  925.                     </div>\
  926.                 </div>\
  927.                 \
  928.                 <div class="form-group">\
  929.                     <label class="control-label col-md-3">Masa Berlaku Hingga <span class="text-theme">*</span></label>\
  930.                     <div class="col-md-5">\
  931.                         <select name="typeKartuKredit" class="form-control" data-parsley-required="true">\
  932.                             <option value="">- Pilih Bulan -</option>';
  933.                             var months = ["", "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "Nopember", "Desember"];
  934.                             for (var i = 1; i < months.length; i++) {
  935.                                 fields += '<option value="' + i +'">' + months[i] + '</option>';
  936.                             }
  937.                             fields += '\
  938.                         </select>\
  939.                     </div>\
  940.                     <div class="col-md-4">\
  941.                         <select name="typeKartuKredit" class="form-control" data-parsley-required="true">\
  942.                             <option value="">- Pilih Tahun -</option>';
  943.                             var year = new Date().getFullYear();
  944.                             for (var y = year; y < (year + 5); y++) {
  945.                                 fields += '<option value="' + y +'">' + y + '</option>';
  946.                             }
  947.                             fields += '\
  948.                         </select>\
  949.                     </div>\
  950.                 </div>';
  951.         }
  952.        
  953.         document.getElementById('metodeOptionFields').innerHTML = fields;
  954.     };
  955.     </script>
  956.  
  957. </body>
  958. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!