<div class="row">
	<div class="col-lg-6 col-sm-12">
		<div class="panel panel-default card-view">
			<div class="panel-heading">
				<div class="pull-left">
					<h6 class="panel-title txt-dark">Data Admin</h6>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="panel-body">
				<div class="table-wrap">
					<div class="">
						<table id="myTable1" class="table table-hover display  pb-30" >
							<thead>
								<tr>
									<th>ID</th>
									<th>Nama</th>
									<th>Jenis Kelamin</th>
									<th>Telepon</th>
									<th>Username</th>
									<th>Hak Akses</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>ID</th>
									<th>Nama</th>
									<th>Jenis Kelamin</th>
									<th>Telepon</th>
									<th>Username</th>
									<th>Hak Akses</th>
								</tr>
							</tfoot>
							<tbody>
								<?php
	                                    $no=0;
	                                    foreach($showData->result_array() as $mark)
	                                    {
	                                        $no++;
	                                    ?>
									<tr>
										<td class="text-right"><?php echo $mark['id'] ?></td>
	                                    <td class="text-center"><?php echo $mark['nama_admin'] ?></td>
	                                    <td class="text-center"><?php echo $mark['jenis_kelamin'] ?></td>
	                                    <td class="text-center"><?php echo $mark['telepon'] ?></td>
	                                    <td class="text-center"><?php echo $mark['username'] ?></td>
	                                    <td class="text-center"><?php echo $mark['hak_akses'] ?></td>
									</tr>
								<?php } ?>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-lg-6 col-sm-12">
		<div class="panel panel-default card-view">
			<form method="POST" id="RegAdm" enctype="multipart/form-data" role="form" name="RegAdm">
				<div class="panel-heading">
					<div class="pull-left">
						<h6 class="panel-title txt-dark">Registrasi Form Admin</h6>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="form-wrap">
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><i class="icon-user"></i></div>
							<input type="text" class="form-control required" name="Nama" id="nama" placeholder="Nama Lengkap">
						</div>
					</div>
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><i class="icon-user"></i></div>
							<input type="text" class="form-control required" name="telp" id="telp" placeholder="No Telepon">
						</div>
					</div>
					<div class="form-group">
						<label class="control-label mb-10">Jenis Kelamin:</label>
						<select class="selectpicker" data-style="form-control btn-default btn-outline" id="gender" name="gender">
							<option value="Laki-laki">Laki-laki</option>
							<option value="Perempuan">Perempuan</option>
						</select>
					</div>
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><i class="icon-user"></i></div>
							<input type="text" class="form-control required" name="usr" id="usr" placeholder="Username">
						</div>
					</div>
					<div class="form-group">
						<div class="input-group">
							<div class="input-group-addon"><i class="icon-lock"></i></div>
							<input id="psw" type="password" class="form-control required" name="psw" placeholder="Enter password">
						</div>
					</div>
					<div class="form-group">
						<div class="input-group">
							<button type="button" onclick="register()" class="btn btn-success">Registrasi Admin Baru</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<script type="text/javascript">
	function register(){
			var RegNama 	= $('#nama').val();
			var RegJK   	= $('#gender').val();
			var RegTelp 	= $('#telp').val();
			var RegUser    	= $('#usr').val();
			var RegPass		= $('#psw').val();


			if(RegNama=='' || RegJK=='' || RegTelp=='' || RegUser=='' || RegPass=='')
			{
				bootbox.alert({
	                title:"PERINGATAN",
	                size:"small",
	                message:"Masih ada field yang kosong!",
	                buttons: {
	                    ok: {
	                        label: '<i class="fa fa-exclamation-circle"></i> Ok',
	                        className: 'btn-warning'
	                    }
	                },
	            })
			}else{
				// var formData 	= new FormData($('#RegAdm')[0]);
				var url = "<?php echo site_url('master/RegAdmin')?>";
				$.ajax({
	                url : url,
	                type: "POST",
	                data : $("#RegAdm").serialize(),
	                contentType: false,
	                processData: false,
	                dataType: "JSON",
	                success: function(data)
	                {
	                	bootbox.alert({
	                      title: "S U K S E S",
	                      size: "small",
	                      message: "Data kelas BERHASIL disimpan",
	                          buttons: {
	                                ok: {
	                                    label: '<i class="fa fa-check"></i> Ok',
	                                    className: 'btn-success'
	                                }
	                            },
	                      callback: function(){
	                        $("#RegAdm")[0].reset();
	                        location.reload();
	                      }
	                    })
	                },
	                error: function (jqXHR, textStatus, errorThrown)
	                {
	                    bootbox.alert({
	                        title:"ERROR",
	                        size:"small",
	                        message:"Error",
	                        buttons: {
	                            ok: {
	                                label: '<i class="fa fa-exclamation-circle"></i> Ok',
	                                className: 'btn-danger'
	                            }
	                        },
	                    })

	                }
	             });
		}
	}
</script>