</div>
</div>
<!-- Modal Popup Pengajuan Cuti Edit -->
<div id="ModalEditPengajuanCuti" class="modal fade" tabindex="-1"
role="dialog"></div>
<div id="ModalViewSisaCuti" class="modal fade" tabindex="-1"
role="dialog"></div>
<!-- Modal Popup untuk delete-->
<div class="modal fade" id="modal_delete">
<div class="modal-dialog">
<div class="modal-content" style="margin-top:100px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- hidden="true">×</button>
<h4 class="modal-title" style="text-align:center;">Are you sure to delete this information ?</h4>
</div>
<div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
<a href="#" class="btn btn-danger" id="delete_link">Delete</a>
<button type="button" class="btn btn-success" data- dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div><!-- /.content-wrapper -->
<?php
include "content_footer.php";
?>
</div><!-- ./wrapper -->
<!-- Library Scripts -->
<?php
include "bundle_script.php";
?>
</body>
</html>
<meta charset="utf-8">
<title>Bank BTN</title>
<!-- Library CSS -->
<?php
include "bundle_css.php";
?>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<?php
include 'content_header.php';
?>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<p></p>
</div>
</div><!-- sidebar menu: : style can be found in sidebar.less -->
<?php include("menu1.php");?>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Karyawan
</h1>
<ol class="breadcrumb">
<li><i class="fa fa-user"></i> Data Karyawan</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
</div><!-- /.box-header -->
<div class="box-body">
<a href="#"><button class="btn btn-success" type="button" data-
target="#ModalAdd" data-toggle="modal"><i class="fa fa-plus"></i> Add Karyawan</button></a>
<br></br>
<table id="data" class="table table-bordered table-striped table-scalable">
<?php
include "dt_karyawan.php";
?>
</table>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
</section><!-- /.content -->
<!-- Modal Popup Karyawan-->
<div id="ModalAdd" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Tambah Karyawan</h4>
</div>
<div class="modal-body">
<form action="karyawan_add.php" name="modal_popup"
enctype="multipart/form-data" method="post">
<div class="form-group">
<label>NIP</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-id-card"></i>
</div>
<input name="nip" type="text" class="form-control" placeholder="Nomor Induk Pegawai" maxlength="7"/>
</div>
</div>
<div class="form-group">
<label>Nama</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user"></i>
</div>
<input name="nama" type="text" class="form-control" placeholder="Nama Karyawan"/>
</div>
</div>
<div class="form-group">
<label>Jabatan</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-address-card"></i>
</div>
<select name="cmbJabatan" class="form-control">
<?php
$dataSql = "SELECT * FROM btn_jabatan ORDER BY jabatan";
$dataQry = mysqli_query($konek, $dataSql) or die ("Gagal Query".mysql_error());
while ($dataRow = mysqli_fetch_array($dataQry)) { if ($dataRow['id_jabatan']== $dataJabatan) {
$cek = " selected";
} else { $cek=""; }
echo "<option value='$dataRow[id_jabatan]' $cek>$dataRow[jabatan]</option>";
}
?>
</select>
</div>
</div>
<div class="form-group">
<label>Tanggal Lahir</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input id="Tanggal_Lahir" name="tgl_lahir" type="text" class="form-control"
placeholder="Tanggal Lahir">
</div>
</div>
<div class="form-group">
<label>Tanggal Masuk</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input id="Tanggal_Masuk" name="tgl_masuk" type="text" class="form-control"
placeholder="Tanggal Masuk">
</div>
</div>
<div class="form-group">
<label>Jenis Kelamin</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user-o"></i>
</div>
<select name="jk" class="form-control">
<option selected>Pilih Jenis Kelamin</option>
<option value="1">Laki - laki</option>
<option value="0">Perempuan</option>
</select>
</div>
</div>
<div class="form-group">
<label>Email</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-envelope-o"></i>
</div>
<input name="email" type="email" class="form-control" placeholder="Alamat Email"/>
</div>
</div>
<div class="form-group">
<label>No. Telp</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-phone"></i>
</div>
<input name="telp" type="number" class="form-control" placeholder="No Telpon"
required/>
</div>
</div>
<div class="form-group">
<label>Alamat</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-map-marker"></i>
</div>
<textarea name="alamat" type="text" class="form-control" cols="4"
placeholder="Alamat"></textarea>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success" type="submit">
Add
</button>
<button type="reset" class="btn btn-danger" data-dismiss="modal" aria- hidden="true">
Cancel
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal Popup Karyawan Edit -->
<div id="ModalEditKaryawan" class="modal fade" tabindex="-1"
role="dialog"></div>
<!-- Modal Popup Karyawan view-->
<div id="ModalViewKaryawan" class="modal fade" tabindex="-1"
role="dialog"></div>
<!-- Modal Popup untuk delete-->
<div class="modal fade" id="modal_delete">
<div class="modal-dialog">
<div class="modal-content" style="margin-top:100px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria- hidden="true">×</button>
<h4 class="modal-title" style="text-align:center;">Are you sure to delete this information ?</h4>
</div>
<div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
<a href="#" class="btn btn-danger" id="delete_link">Delete</a>
<button type="button" class="btn btn-success" data- dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div><!-- /.content-wrapper -->
<?php
include "content_footer.php";
?>
</div><!-- ./wrapper -->
<!-- Library Scripts -->
<?php
include "bundle_script.php";
?>
</body>
</html>
4.4 Testing