<div class="modal fade" id="modal_formedit" 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>
                <h3 class="modal-title">Form Absen</h3>
            </div>
            <div class="modal-body form">
                <form action="#" id="formedit" class="form-horizontal">
                        <input type="hidden" name="id_ab">
                        <div class="form-group">
                            <label class="control-label col-md-3">Nik </label>
                            <div class="col-md-9">
                                  <select class="form-control" name="id_kar">
                                    <option value="">-----Pilih-----</option>
                                     <?php foreach ($karyawan as $karyawanlist) { ?>
                                        <option value="<?php echo $karyawanlist->id_kar; ?>"><?php echo $karyawanlist->nama; ?>(<?php echo $karyawanlist->nik; ?>)</option><?php } ?>
                                  </select>
                                <span class="help-block"></span>
                            </div>
                        </div>
                        <!-- 
                         <div class="form-group">
                            <label class="control-label col-md-3">Nik</label>
                            <div class="col-md-9">
                                <input name="id_kar" id="Nik" placeholder="Nik" class="form-control" type="text">
                                <span class="help-block"></span>
                            </div>
                        </div>
                         -->
                        <div class="form-group">
                            <label class="control-label col-md-3">Tanggal</label>
                            <div class="col-md-9">
                                <input name="tgl" placeholder="yyyy-mm-dd" class="form-control datepicker" type="text">
                                <span class="help-block"></span>
                            </div>
                        </div> 
                        <div class="form-group">
                            <label class="control-label col-md-3">Masuk</label>
                            <div class="col-md-9">

                        <div class="bootstrap-timepicker">
                                <input name="masuk" id="timepicker" class="form-control bootstrap-timepicker timepicker" type="text">
                                <span class="help-block"></span></div>
                        </div> 
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Keluar</label>
                            <div class="col-md-9">

                        <div class="bootstrap-timepicker">
                                <input name="keluar" id="timepicker" class="form-control bootstrap-timepicker timepicker" type="text">
                                <span class="help-block"></span></div>
                        </div> 
                        </div>                      
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnSave" onclick="update()" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- End Bootstrap modal -->