<link rel="stylesheet" type="text/css" href="plugins/datatables/jquery.dataTables.css"/>
<link rel="stylesheet" type="text/css" href="plugins/datatables/dataTables.bootstrap.css"/>
<div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            DATA PESERTA
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
           
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
        <!-- TAB INDUK PENDUDUK -->
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title"></h3>
                            <div class="box-tools pull-right">
                                <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                            </div>
                    </div><!-- /.box-header -->
                    <div class="box-body table-responsive">
                                <table id="table" class="table table-bordered table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th style="width:px;">No Peserta</th>
                                            <th style="width:px;">No Registrasi</th>
                                            <th style="width:px;">Nama</th>
                                            <th style="width:px;">Tempat Lahir</th>
                                            <th style="width:px;">Tanggal Lahir</th>
                                            <th style="width:px;">Jenis Kelamin</th>
                                            <th style="width:px;">Rekam Medis</th>
                                            <th style="width:px;">Tindakan</th>
                                            <th style="width:px;">Obat</th>
                                            <th style="width:50px;">Opsi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <?php
                                    $query = mysql_query("SELECT * FROM penduduk");
                                    while ($data = mysql_fetch_array($query)) {
                                    ?>
                                        <tr>           
                                            <td><?php echo $data['NoKTP']; ?></td>
                                            <td><?php echo $data['NoKK']; ?></td>
                                            <td><?php echo $data['Nama']; ?></td>
                                            <td><?php echo $data['TempatLahir']; ?></td>
                                            <td><?php echo $data['TglLahir']; ?></td>
                                            <td><?php echo $data['JenKel']; ?></td>
                                            <td><?php echo $data['Jalan']; ?></td>
                                            <td><?php echo $data['RT']; ?></td>
                                            <td><?php echo $data['RW']; ?></td>
                                            <td align="center">
                                              <a href="indexadmin.php?p=UksMedisUpdate&id=<?php echo $data['id']; ?>"> <i class="glyphicon glyphicon-edit"></i></a>     
                                            </td>
                                        </tr>
                                      <?php
                                      }
                                      ?>
                                    </tbody>
                                </table>
                    </div><!-- ./box-body -->
                </div><!-- /.box -->
            </div><!-- /.col -->
        </div><!-- /.row -->
        <!-- TAB END INDUK PENDUDUK --------------------------------------------------------------------->    
        </section>
</div>
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script type="text/javascript" charset="utf8" src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.js"></script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script>
  $(function(){
    $("#table").dataTable();
  });
</script>
