  <div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Member</h1>            
          </div>          
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item active">List Member</li>
            </ol>
          </div>
        </div>               
      </div>
      
    </section>

    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            
              <div class="card">
                <div class="card-header">
                  <h3 class="card-title">List Member</h3>
                </div>
                <div class="card-body">
                  <table id="example1" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>No</th>
                        <th>ID</th>
                        <th>Foto</th>
                        <th>Nama</th>
                        <th>Email</th>
                        <th>Kelamin</th>
                        <th>TTL</th>
                        <th>No.hp</th>
                        <th>Alamat</th>
                        
                        
                      </tr>
                      </thead>
                      <tbody>
<?php
include '../config/koneksi.php'; 
$no = 1;
$query = mysqli_query($conn, "SELECT * FROM members");
while ($data = mysqli_fetch_array($query)) {
?>
  <tr>
    <td><?= $no++ ?></td>
    <td><?= $data['member_id'] ?></td>

    <td>
  <img src="data:image/jpeg;base64,<?= base64_encode($data['foto_member']) ?>" width="60" height="60" style="object-fit: cover; border-radius: 50%;">
</td>


    <td><?= $data['nama'] ?></td>
    <td><?= $data['email'] ?></td>
    <td><?= $data['jenis_kelamin'] ?></td>
    <td><?= $data['tanggal_lahir'] ?></td>
    <td><?= $data['no_hp'] ?></td>
    <td><?= $data['alamat'] ?></td>
  </tr>
<?php } ?>
</tbody>

                      </tbody>

                  </table>
                  
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>


                  </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

