<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" type="image/png" sizes="16x16" href="../membership/content/images/logophriheader250px.png">
    <title>PHRI Admin</title>
	<link rel="canonical" href="https://phrikabkendari.orgmembership/perbaikan.php" />
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../membership/lte/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="../ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="../membership/lte/dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../membership/lte/dist/css/skins/skin-blue.min.css">
  <!-- jQuery 2.2.3 -->
  <script src="../membership/lte/plugins/jQuery/jquery-2.2.3.min.js"></script>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-collapse sidebar-mini">
<div class="wrapper">
  <!-- Main Header -->
  <header class="main-header">
    <!-- Logo -->
    <a href="/" class="logo">
    	<img src="../membership/content/images/logophriheader250px.png" height="40" alt="Codeig"/>
        <span class="hidden-xs">PHRI Admin</span>
    </a>
    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="hidden-xs"></span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <!-- Menu Body -->
              <li class="user-body">
                <div class="pull-right">
                    <a href="/" class="btn btn-default btn-flat">Change Password</a>
                    &nbsp;&nbsp;&nbsp;
                  <a href="/" class="btn btn-default btn-flat">Sign out</a>
                </div>
                <!-- /.row -->
              </li>              
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar Menu -->
      <ul class="sidebar-menu">
        <!-- Optionally, you can add icons to the links -->
                                      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Perbaikan Data Anggota        <!--<small>Optional description</small>-->
      </h1>
      <!--<ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>-->
    </section>
    <!-- Main content -->
    <section class="content">
        <!--  row ->
        <!-- .row -->
<div class="row">
  <div class="col-md-12">
     <div class="white-box">
        <span class="text-danger"></span> 
        <form action="../membership/perbaikan.php" method="post" accept-charset="utf-8">
<input type="hidden" name="hSTg7DTVuHNEQqZE" value="b7fb64eec00ac66612511c693eb4aa27"/>                            
        <div class="form-group">
          <div class="col-xs-12">
          <label for="member_idno" class="control-label">Nomor STA *</label> 
          <input id="member_idno" name="member_idno" type="text" class="form-control" required="required" style="width:400px" value="">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label for="ap_number" class="control-label">Nomor AP/AF *</label> 
            <input id="ap_number" name="ap_number" type="text" class="form-control" required="required" style="width:400px" value="">
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-12">
            <label for="ap_number" class="control-label">NIB *</label> 
            <input id="nib_number" name="nib_number" minlength="13" maxlength="13" type="text" class="form-control" required="required" style="width:400px" value="">
            <small>Untuk yg belum memiliki NIB diharapkan untuk mengurus terlebih dahulu.</small>
          </div>
        </div>
        <div class="form-group">&nbsp;</div>
        <div class="form-group">
            <div class="col-xs-12">
            <label class="control-label">ISI SESUAI KODE VALIDASI YG TERTERA&nbsp;</label>
            <div class="input-group">
                <canvas id="canvas"></canvas>
            </div>
            <div class="input-group">
                <input class="form-control" type="text" name="code" id="code" required minlength="6" maxlength="6" autocomplete="off">
            </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-xs-12" style="padding-top:1em">
                <button id="submit" value="step0" type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
        <div class="form-group">&nbsp;</div>
        <div class="form-group"><div class="col-xs-12">
        <h4>mendapatkan STA dan Nomor AP pada Sertifikat Tanda Anggota PHRI</h4></div>
        <div class="col-xs-12">
        <img  width="500" alt="" srcset="">
        </div></div>
        </form>     </div>
  </div>
</div>
<script src="https://phrikabkendari.orgmembership/lte/plugins/inputmask/jquery.inputmask.js"></script>
<script src="https://phrikabkendari.orgmembership/lte/plugins/captcha/jquery-captcha.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#member_idno").inputmask('99.99.99.99999',{ "onincomplete": function(){ alert('STA belum benar');$("#member_idno").val('');$("#member_idno").focus(); } });
    $("#ap_number").inputmask('AA-999999',{ "onincomplete": function(){ alert('AP/AP blm benar');$("#ap_number").val('');$("#ap_number").focus(); } });
    $("#nib_number").inputmask('9999999999999',{ "onincomplete": function(){ alert('NIB blm benar');$("#nib_number").val('');$("#nib_number").focus(); } });
    const captcha =new Captcha($('#canvas'),{
      length: 6,
      width: 200,
      height: 80,
      font: 'bold 36px Arial',
      resourceType: 'aA0', // a-lowercase letters, A-uppercase letter, 0-numbers
      resourceExtra: [],
      clickRefresh: true,
    }); 
    $("#submit").click(function(){
        // Validate Member ID
        if ($("#member_idno").val() === "") {
            alert("STA Harus Diisi");
            $("#member_idno").focus();
            return false;
        }
        // Validate AP/AF Number
        if ($("#ap_number").val() === "") {
            alert("AP/AF Harus Diisi");
            $("#ap_number").focus();
            return false;
        }
        // Validate NIB Number
        if ($("#nib_number").val() === "") {
            alert("NIB Harus Diisi");
            $("#nib_number").focus();
            return false;
        }
        const ans = captcha.valid($('#code').val());
        if(!ans){
            alert('isi Kode Validasi dgn benar');
            $("#code").val("").focus();
            return false;
        } else{
            return true;
        }
        captcha.refresh();
    });
}); 
</script>
<!-- .row -->        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="pull-right hidden-xs">
      &nbsp;
    </div>
    <!-- Default to the left -->
    <strong>Copyright &copy; 2025 <a href="/">PHRI</a>.</strong> All rights reserved.
  </footer>
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<script src="../membership/lte/bootstrap/js/bootstrap.min.js"></script>
<script src="../membership/lte/dist/js/app.min.js"></script>
<noscript>
  <!-- <meta http-equiv="refresh" content="0; url=https://phrionline.com/" /> -->
  <h4>Please Turn on the javascript</h4>
  <style>
  body{
	  visibility:hidden;
  }
  </style>
</noscript>
</body>
</html>