Test

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Data Pengguna
        <small>Halaman ini hanya dapat di akses Superuser</small>
      </h1>
      <ol class="breadcrumb">
        <li><a  href="<?php echo base_url(); ?>"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="active">Here</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">


    <?php if ($this->session->flashdata('berhasil')){?>
    <div class="alert alert-success alert-dismissable" role="alert">
        <div class="row vertical-align">
          <div class="col-xs-1 text-center">
            <i class="fa fa-check fa-2x"></i>
          </div>
          <div class="col-xs-11">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">x</a>
            <strong>Sukses! </strong><?php echo $this->session->flashdata('berhasil'); ?>
          </div>
        </div>
      </div>
    <?php } ?>


      <div class="box box-primary box-solid">
        <div class="box-header">
            <span class="box-title">
              <a data-toggle="modal" data-target="#tambah_data_modal" href="" class="btn btn-success btn-flat"><i class="fa fa-plus" aria-hidden="true"></i> Tambah Baru</a>
            </span>
        </div>
        <div class="box-body">
            <table id="table_data_user" class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>No</th>
                  <th>Nama</th>
                  <th>Username</th>
                  <th>Email</th>
                  <th>Level</th>
                  <th>Action</th>
                </tr>
              </thead>
                <tbody>
                <?php
                  $i = 1;
                  foreach ($a->result() as $row){

                  ?>
                    <tr>
                      <td><?php echo $i++; ?></td>
                      <td><?php echo $row->nama; ?></td>
                      <td><?php echo $row->username; ?></td>
                      <td><?php echo $row->email; ?></td>
                      <td><?php echo $row->level; ?></td>
                      <td>
                        <span>
                          <a href=""
                              data-id="<?php echo $row->id; ?>"
                              data-username="<?php echo $row->username; ?>"
                              data-nama="<?php echo $row->nama; ?>"
                              data-email="<?php echo $row->email; ?>"
                              data-password="<?php echo $row->password; ?>"
                              data-level="<?php echo $row->level; ?>"
                              class="btn btn-xs btn-success btn-flat"
                              data-toggle = "modal" data-target="#edit_data_modal"
                          >
                                 <i class="fa fa-pencil" aria-hidden="true"></i> Edit</a>
                        </span>
                        <span>
                          <a href="" id="<?php echo $row->id; ?>"  class="btn btn-xs btn-danger btn-flat delete_data"><i class="fa fa-trash" aria-hidden="true"></i> Hapus</a>
                        </span>
                      </td>
                    </tr>
                    <?php } ?>
                </tbody>
            </table>
          </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  <!-- Modal Tambah Data -->
        <div class="modal fade" id="tambah_data_modal">
          <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">&times;</span></button>
                <h4 class="modal-title">Masukan Data baru</h4>
              </div>
              <form class="form-horizontal" method="post" action="<?php echo base_url()?>users/setting/tambah_data">
                <div class="modal-body">
                    <div class="form-group">
                      <label for="nama_user" class="col-sm-2 control-label">Nama : </label>

                      <div class="col-sm-10">
                        <input type="text" class="form-control" id="nama_user" name="nama_user" placeholder="Nama" required>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="username_user" class="col-sm-2 control-label">Username : </label>

                      <div class="col-sm-10">
                        <input type="text" class="form-control" id="username_user" name="username_user" placeholder="Username" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="email_user" class="col-sm-2 control-label">Email : </label>

                      <div class="col-sm-10">
                        <input type="email" class="form-control" id="email_user" name="email_user" placeholder="Email" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="password_user" class="col-sm-2 control-label">Password : </label>

                      <div class="col-sm-10">
                        <input type="password" class="form-control" id="password_user" name="password_user" placeholder="Password" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="level" class="col-sm-2 control-label">Level : </label>
                      <div class="col-sm-10">
                        <select id="level_user" name="level_user" class="form-control select2" style="width: 100%;">
                          <option selected="selected">member</option>
                          <option>administrator</option>
                          <option>superuser</option>
                        </select>
                      </div>
                    </div>
                </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default btn-flat pull-left" data-dismiss="modal">Tutup</button>
                      <button type="submit" class="btn btn-primary btn-flat"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbspSimpan</button>
                    </div>
              </form>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
<!-- /. Modal Tambah Data -->

<!-- Modal Edit/Update Data -->
        <div class="modal fade" id="edit_data_modal">
          <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">&times;</span></button>
                <h4 class="modal-title">Edit/Update Data</h4>
              </div>
              <form class="form-horizontal" method="post" role="form" action="<?php echo base_url('users/setting/edit_data')?>">
                <div class="modal-body">
                    <div class="form-group">
                      <label for="lihat_nama_user" class="col-sm-2 control-label">Nama : </label>

                      <div class="col-sm-10">
                        <input type="text" class="form-control" id="lihat_nama_user" name="lihat_nama_user" placeholder="Nama" required>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="lihat_username_user" class="col-sm-2 control-label">Username : </label>

                      <div class="col-sm-10">
                        <input type="text" class="form-control" id="lihat_username_user" name="lihat_username_user" placeholder="Username" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="lihat_email_user" class="col-sm-2 control-label">Email : </label>

                      <div class="col-sm-10">
                        <input type="email" class="form-control" id="lihat_email_user" name="lihat_email_user" placeholder="Email" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="lihat_password_user" class="col-sm-2 control-label">Passoword </label>

                      <div class="col-sm-10">
                        <input type="password" class="form-control" id="lihat_password_user" name="lihat_password_user" placeholder="Password" required>
                      </div>
                    </div>

                    <div class="form-group">
                      <label for="level" class="col-sm-2 control-label">Level : </label>
                      <div class="col-sm-3">
                        <input disabled type="level" class="form-control" id="lihat_level_user" name="lihat_level_user" placeholder="level">
                      </div>
                      <div class="col-sm-3">
                      <div class="pull-right">
                        <label class="control-label">Ubah ke : </label>
                      </div>
                      </div>
                      <div class="col-sm-4">
                        <select id="level_user" id="lihat_level_user" name="lihat_level_user" class="form-control select2" style="width: 100%;">
                          <option selected="selected">member</option>
                          <option>administrator</option>
                          <option>superuser</option>
                        </select>
                      </div>
                    </div>
                </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default btn-flat pull-left" data-dismiss="modal">Tutup</button>
                      <button type="submit" class="btn btn-primary btn-flat"><i class="fa fa-floppy-o" aria-hidden="true"></i>&nbspSimpan</button>
                    </div>
              </form>
            </div>
            <!-- /.modal-content -->
          </div>
          <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
<!-- /. Modal Edit/Update Data -->

<!-- prompt delete -->
<script type="application/javascript">


  $(window).bind("load", function(){ //alert untuk flashdata
        window.setTimeout(function(){
          $(".alert").fadeTo(500, 0).slideUp(500, function(){
            $(this).remove();
          });
        }, 2000);
      });

 $(document).ready(function(){

      $('#edit_data_modal').on('show.bs.modal', function (event){ //menampilkan form edit data
        var div = $(event.relatedTarget)
        var modal = $(this)

        modal.find('#lihat_id_user').attr("value" , div.data('id'));
        modal.find('#lihat_nama_user').attr("value" , div.data('nama'));
        modal.find('#lihat_username_user').attr("value" , div.data('username'));
        modal.find('#lihat_email_user').attr("value" , div.data('email'));
        modal.find('#lihat_password_user').attr("value" , div.data('password'));
        modal.find('#lihat_level_user').attr("value" , div.data('level'));
      });

      $('.delete_data').click(function(){ //prompt delete data
        var id = $(this).attr("id");
        if(confirm("Anda yakin menghapus data ini ?")){
          window.location= "<?php echo base_url(); ?>users/setting/hapus_data/"+id;
        } else {
          return false;
        }
      });
    });

</script>