<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        body { font-family: Arial, sans-serif; font-size: 10pt; }
        .header { text-align: center; margin-bottom: 20px; }
        .header h1 { font-size: 16pt; margin: 0; }
        .header p { font-size: 12pt; margin: 0; }
        table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        th, td { border: 1px solid #000; padding: 8px; text-align: center; }
        th { background-color: #f2f2f2; }
        .text-left { text-align: left; }
    </style>
</head>
<body>

    <div class="header">
        <h1>LAPORAN DATA STATIONERY PRODUCT (ATK)</h1>
        <p>PT ASIASERV INDONESIA</p>
    </div>

    <table>
        <thead>
            <tr>
                <th>No.</th>
                <th>Nama Produk</th>
                <th>Brand</th>
                <th>Kategori</th>
                <th>Stok</th>
                <th>Unit</th>
                <th>Lokasi</th>
                <th>Notes</th>
            </tr>
        </thead>
        <tbody>
            <?php $i = 1; ?>
            <?php foreach ($product as $p): ?>
                <tr>
                    <td><?= $i++; ?></td>
                    <td class="text-left"><?= $p->atk_product_nama; ?></td>
                    <td><?= $p->brand_categories_nama; ?></td>
                    <td><?= $p->atk_categories_nama; ?></td>
                    <td><?= $p->atk_product_stok; ?></td>
                    <td><?= $p->uom_categories_nama; ?></td>
                    <td><?= $p->inventory_location_nama; ?></td>
                    <td class="text-left"><?= $p->atk_product_notes; ?></td>
                </tr>
            <?php endforeach; ?>
            
            <?php if (empty($product)): ?>
                <tr>
                    <td colspan="8">Tidak ada data ATK yang ditemukan berdasarkan filter.</td>
                </tr>
            <?php endif; ?>
        </tbody>
    </table>

</body>
</html>