<div class="row">
  <div class="col-sm-12">
    <p><a href="<?= base_url('admin/dashboard'); ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Dashboard</a></p><br>
    <h2>Administrasi Produk</h2>
  </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->

<div class="row" style="padding-top:10px; border-bottom:none;">

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/brands'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/brands.jpg" width="60%" alt="Pengaturan Merek Produk" title="Pengaturan Merek Produk"></a><br>Merek Produk
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/categories'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/category.jpg" width="60%" alt="Pengaturan Kategori Produk" title="Pengaturan Kategori Produk"></a><br>Kategori Produk
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/product_attributes'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/size.jpg" width="60%" alt="Pengaturan Atribut Produk" title="Pengaturan Atribut Produk"></a><br>Varian Produk
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/products'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/product.jpg" width="60%" alt="Manage products" title="Manage Products"></a><br>Produk
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/stocks'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/stock.jpg" width="60%" alt="Manage stocks" title="Manage Stocks"></a><br>Stok
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/product_review'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/productreview.jpg" width="60%" alt="Manage Product Review" title="Manage Product Review"></a><br>Produk Review
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/product_claim'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/featureproduct.jpg" width="60%" alt="wishlist" title="wishlist"></a><br>Claim Garansi
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/wishlist'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/wishlist.jpg" width="60%" alt="wishlist" title="wishlist"></a><br>Wishlist Pelanggan
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/vendors'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/warehouse-icon.jpg" width="60%" alt="Managemen Vendor Produk" title="Management Vendor Produk"></a><br>Vendor
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

  <div class="col-xs-4 col-sm-3 col-md-2 col-lg-2 iconThumbnail">
    <p style="text-align:center;">
      <a href="<?= site_url('admin/invoice'); ?>"><img src="https://www.laciasmara.com/shop/assets/admin/img/flashsale.jpg" width="60%" alt="Management Pembelian" title="Managemen Pembelian"></a><br>Pembelian
    </p>
  </div><!-- class="col-lg-2 col-xs-6" -->

</div><!-- end row -->

<div class="container">
  <table id="example" class="table table-striped table-bordered" style="width:100%">
    <thead>
      <tr>
        <th>Produk</th>
        <th>Stock</th>
        <th>Harga (Rp.)</th>
      </tr>
    </thead>
    <tbody>
      <?php foreach ($product_dashboard as $pd) : ?>
        <tr>
          <td><?= $pd->title ?> <?= $pd->attribute_detail ?> </td>
          <td><?= $pd->stock ?></td>
          <td><?= $pd->price ?></td>
        </tr>
      <?php endforeach; ?>
    </tbody>
  </table>
  <br><br><br>
</div>


<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.colVis.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.bootstrap.min.css">

<script>
  $(document).ready(function() {
    var table = $('#example').DataTable();

    table.buttons().container()
      .appendTo('#example_wrapper .col-sm-6:eq(0)');
  });
</script>