<!-- Tambahkan CSS di dalam tag <style> -->
<style>
  /* CSS untuk efek zoom dengan sudut foto agak bulat */
  .table-responsive img {
    transition: transform 0.5s ease, border-radius 0.5s ease;
    cursor: pointer;
    border-radius: 5px; /* Sudut sedikit bulat pada gambar */
  }

  .table-responsive img:hover {
    transform: scale(4); /* Zoom lebih besar tanpa rotasi */
    border-radius: 15px; /* Sudut lebih bulat saat di-zoom */
  }
</style>

<!-- Kode HTML yang sudah ada -->
<br>

<!-- Begin Page Content -->
<div class="container-fluid">

  <!-- Page Heading -->
  <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
  </div>
  <marquee>
    <h2>Selamat Datang di Sistem Informasi Inventory Barang BPJS KESEHATAN KC MOJOKERTO</h2>
  </marquee>
  <br><br>

  <!-- Content Row -->
  <div class="card shadow mb-4">
    <div class="card-header py-3">
      <h6 class="m-0 font-weight-bold text-primary">Stok Gudang</h6>
    </div>
    <div class="card-body">
      <div class="table-responsive">
        <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
          <thead>
            <tr>
              <th>No</th>
              <th>Kode Barang</th>
              <th>Nama Barang</th>
              <th>Jenis Barang</th>
              <th>Foto</th>
              <th>Jumlah Barang</th>
              <th>Satuan</th>
            </tr>
          </thead>
          <tbody>
            <?php 
              $no = 1;
              $sql = $koneksi->query("select * from gudang");
              while ($data = $sql->fetch_assoc()) {
            ?>
            <tr>
              <td><?php echo $no++; ?></td>
              <td><?php echo $data['kode_barang'] ?></td>
              <td><?php echo $data['nama_barang'] ?></td>
              <td><?php echo $data['jenis_barang'] ?></td>
              <td><img src="img/<?php echo $data['foto'] ?>" width="50" height="50" alt=""></td>
              <td><?php echo $data['jumlah'] ?></td>
              <td><?php echo $data['satuan'] ?></td>
            </tr>
            <?php } ?>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
