<!-- Container fluid  -->
<!-- ============================================================== -->
<div class="container-fluid">
	<!-- ============================================================== -->
	<!-- Start Page Content -->
	<!-- ============================================================== -->
	<!-- Row -->
	<div class="row">
		<!-- Column -->
		<div class="col-lg-4 col-xlg-3 col-md-5">
			<div class="card">
				<div class="card-body profile-card">
					<center class="mt-4"> <img src="../assets/images/users/5.jpg"
							class="rounded-circle" width="150" />
						<h4 class="card-title mt-2"></h4>
						<h6 class="card-subtitle"></h6>
						<div class="row justify-content-center">
							<div class="col-5">
								<a href="javascript:void(0)" class="link" placeholder="Petugas">
									<i class="icon-people" aria-hidden="true"></i><br>
									<span class="font-normal"></span>
								</a></div>
							<div class="col-5">
								<a href="javascript:void(0)" class="link"  placeholder="DEPARTEMENT">
									<i class="icon-picture" aria-hidden="true"></i><br>
									<span class="font-normal"></span>
								</a></div>
						</div>
					</center>
				</div>
			</div>
		</div>
		<!-- Column -->
		<!-- Column -->
		<div class="col-lg-8 col-xlg-9 col-md-7">
			<div class="card">
				<div class="card-body">
					<form action="" class="form-horizontal form-material mx-2">
						<div class="form-group row">
							<div class="col-md-6">
								<input type="text" 
								placeholder="CARI NIK"
								id="NIK" 
								name="NIK" 
								class="form-control ps-0 form-control-line"
								onkeyup="autoisi()"
								required="required">
							</div>
							<div class="col-md-6">
								<input type="text" 
								placeholder="NAMA LENGKAP" 
								id="NAMA" 
								name="NAMA" 
								class="form-control ps-0 form-control-line">
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NO BPJS KESEHATAN"
								id="BPJS_KESEHATAN"
								name="BPJS_KESEHATAN"
								class="form-control form-control-user">
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NO BPJS KETENAGAKERJAAN"
								id="BPJS_TK" 
								name="BPJS_TK"
								class="form-control form-control-user">
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="GOLONGAN DARAH"
								id="GOL_DARAH"
								name="GOL_DARAH"
								class="form-control form-control-user" readonly>
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NPWP"
								id="NO_NPWP"
								name="NO_NPWP"
								class="form-control form-control-user"
								onkeypress="return event.charCode >= 48 && event.charCode <=57" MaxLength="15">
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NOMOR REKENING"
								id="NO_REKENING"
								name="NO_REKENING"
								class="form-control form-control-user"
								onkeypress="return event.charCode >= 48 && event.charCode <=57" MaxLength="20">
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NAMA PEMILIK REKENING"
								id="NAMA_PEMILIK_REKENING"
								name="NAMA_PEMILIK_REKENING"
								class="form-control form-control-user" readonly>
							</div>
							<div class="col-sm-6"></div>
							<div class="col-sm-6">
								<input type="text" 
								placeholder="NAMA BANK"
								id="NAMA_BANK"
								name="NAMA_BANK"
								class="form-control form-control-user" readonly>
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-sm-12 card-header py-12 align-items-center justify-content-between mb-4 d-flex">
								<button type="submit" Name="SIMPAN" class="btn btn-success mx-auto mx-md-0 text-white" value="SIMPAN">SIMPAN</button>
							</div>
						</div>
					</form>

	<script type="text/javascript">
        $(function(){
            $("#nik").autoisi({
                source:"Cari-Data.php",
                minLength:2,
                select:function(event,data){
                    $('input[name=NAMA]').val(data.item.NAMA);
                    $('input[name=BPJS_KESEHATAN]').val(data.item.BPJS_KESEHATAN);
                    $('input[name=BPJS_TK]').val(data.item.BPJS_TK);
                    $('input[name=GOL_DARAH]').val(data.item.GOL_DARAH);
                    $('input[name=NO_NPWP]').val(data.item.NO_NPWP);
                    $('input[name=NO_REKENING]').val(data.item.NO_REKENING);
                    $('input[name=NAMA_PEMILIK_REKENING]').val(data.item.NAMA_PEMILIK_REKENING);
                    $('input[name=NAMA_BANK]').val(data.item.NAMA_BANK);
                }
            });
        });
	</script>

				</div>
			</div>
		</div>
		<!-- Column -->
	</div>
	<!-- Row -->
	<!-- ============================================================== -->
	<!-- End PAge Content -->
	<!-- ============================================================== -->
	<!-- ============================================================== -->
	<!-- Right sidebar -->
	<!-- ============================================================== -->
	<!-- .right-sidebar -->
	<!-- ============================================================== -->
	<!-- End Right sidebar -->
	<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid  -->
<!-- ============================================================== -->