<?php
// Koneksi ke database
$servername = "localhost"; // Ganti dengan nama server Anda
$username = "borneom2_orderkuota";     // Ganti dengan username database Anda
$password = "Anugrah333";     // Ganti dengan password database Anda
$dbname = "borneom2_orderkuota";  // Ganti dengan nama database Anda

// Membuat koneksi
$conn = new mysqli($servername, $username, $password, $dbname);

// Memeriksa koneksi
if ($conn->connect_error) {
    die("Koneksi gagal: " . $conn->connect_error);
}

// Ambil kategori layanan untuk dropdown
$layanan_sql = "SELECT DISTINCT kategori_layanan FROM produk";
$layanan_result = $conn->query($layanan_sql);
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Daftar Harga Produk</title>
    <link rel="stylesheet" href="styles.css"> <!-- Link ke file CSS -->
</head>
<body>

<h1>Daftar Harga Produk</h1>

<label for="kategoriLayanan">Kategori Layanan:</label>
<select id="kategoriLayanan" onchange="updateKategoriProduk()">
    <option value="">Pilih Kategori Layanan</option>
    <?php while ($row = $layanan_result->fetch_assoc()) : ?>
        <option value="<?= $row['kategori_layanan'] ?>"><?= $row['kategori_layanan'] ?></option>
    <?php endwhile; ?>
</select>

<label for="kategoriProduk">Kategori Produk:</label>
<select id="kategoriProduk" onchange="displayProduk()">
    <option value="">Pilih Kategori Produk</option>
</select>

<table id="produkTable">
    <thead>
        <tr>
            <th>Kode Produk</th>
            <th>Nama Produk</th>
            <th>Harga</th>
            <th>Aksi</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

<script src="script.js"></script> <!-- Link ke file JavaScript -->

<?php
$conn->close(); // Menutup koneksi
?>

</body>
</html>