<style>
#tabelTab{
	width: 900px;
}
#tabelTab tr td{
	padding: 5px;
}
#tabelTab tr th{
	padding: 5px;
}
</style>
<form method="post" action="" id="formPost">
	<table cellspacing="0" cellpadding="0" border="1" id="tabelTab">
		<tr>
			<th>No</th>
			<th>Table</th>
			<th>Alias</th>
			<th>Create / Update</th>
			<th>PK</th>
			<th>Index</th>
		</tr>
		<?php 
		$no = 1;
		foreach($this->data->table as $r => $k){ 
		?>
			<tr>
				<td><?php echo $no++ ?></td>
				<td><?php echo $k ?></td>
				<td><?php echo $r ?></td>
				<td align="center"><input class="cu" type="checkbox" name="cu[<?php echo $k ?>]"></td>
				<td align="center"><input class="pk" type="checkbox" name="pk[<?php echo $k ?>]"></td>
				<td align="center"><input class="in" type="checkbox" name="in[<?php echo $k ?>]"></td>
			</tr>
		<?php } ?>
		<tr>
			<td align="center" colspan="3">Centang Semua</td>
			<td align="center"><input class="all" id="all_cu" type="checkbox" name="all_cu"></td>
			<td align="center"><input class="all" id="all_pk" type="checkbox" name="all_pk"></td>
			<td align="center"><input class="all" id="all_in" type="checkbox" name="all_in"></td>
		</tr>
		<tr>
			<td align="center" colspan="3">Create Super User</td>
			<td align="center" colspan="4"><input type="text" name="superUser" size="20"></td>
		</tr>
		<tr>
			<td align="center" colspan="7"><input type="submit" value="Eksekusi"></td>
		</tr>
	</table>
</form>
<div id="divDet"></div>
<div id="errorDisplay"></div>
<script type="text/javascript">
$(document).ready(function(){
	$('.all').click(function(){
		id = this.id;
		id = id.split('_');
		id = id[1];
		
		cek = $(this).attr('checked');
		if(cek === 'checked'){
			$('.'+id).attr('checked', true);
		}else{
			$('.'+id).removeAttr('checked');
		}
	})
	$('#formPost').submit(function(e){
		e.preventDefault();
		$('#errorDisplay').html('Proses.....');
		$.ajax({
		type: 'POST',
			url: '<?php echo $this->baseUrl ?>dbAccess/eks',
			data: $(this).serialize(),
			success: function(data) {
				$('#errorDisplay').html(data);
			}
		})
	})
	// $('#formPost2').live('submit', (function(e){
		// e.preventDefault();
		// $('#errorDisplay').html('Proses.....');
		// $.ajax({
		// type: 'POST',
			// url: '<?php echo $this->baseUrl.$this->data->control ?>/tambah',
			// data: $(this).serialize(),
			// success: function(data) {
				// $('#errorDisplay').html(data);
			// }
		// })
	// }))
	// makeLoadDet = function(){
		// $('#divDet').html('Loading.....');
		// $.ajax({
		// type: 'POST',
			// url: '<?php echo $this->baseUrl.$this->data->control ?>/det',
			// data: $(this).serialize(),
			// success: function(data) {
				// $('#divDet').html(data);
			// }
		// })
	// }
	// makeLoadDet();
	
	// $('.up').live('click', (function(e){
		// e.preventDefault();
		// val = $(this).attr('val');
		// ex = val.split('___');
		// $('#no').val(ex[1]);
		// $('#induk').val(ex[2]);
		// $('#nama').val(ex[3]);
		// $('#url').val(ex[4]);
		// $('#logo').val(ex[5]);
		// $('#ket').val(ex[6]);
		// $('#kode').val(ex[7]);
	// }))
	
	// $('.delItem').live('click', (function(e){
		// e.preventDefault();
		// $('#divDet').html('Loading.....');
		// $.ajax({
		// type: 'POST',
			// url: '<?php echo $this->baseUrl.$this->data->control ?>/del/'+$(this).attr('val'),
			// data: $(this).serialize(),
			// success: function(data) {
				// $('#divDet').html(data);
			// }
		// })
	// }))
})
</script>