form barang

<?php

$barang_id = isset($_GET['barang_id']) ? $_GET['barang_id'] : "";

$kategori_id = "";
$nama_barang = "";
$spesifikasi = "";
$stok = "";
$harga = "";
$gambar = "";
$notif_gambar = "";
$gambar_produk = "";
$status = "";
$button = "add";

// check isi form
if ($barang_id) {

    $queryBarang = mysqli_query($koneksi, "SELECT * FROM barang WHERE barang_id='$barang_id'");
    $row = mysqli_fetch_assoc($queryBarang);
    // row isi table
    $nama_barang = $row["nama_barang"];
    $kategori_id = $row["kategori_id"];
    $spesifikasi = $row["spesifikasi"];
    $stok = $row["stok"];
    $harga = $row["harga"];
    $gambar = $row["gambar"];
    $status = $row["status"];
    $button = "update";

    $notif_gambar = "(Klik Pilih gambar jika ingin mengganti gambar)";
    //menampilkan gambar
    $gambar_produk = "<img src='" . BASE_URL . "images/barang/$gambar' style='margin:10px 10px;width:200px;vertical-align:middle;' />";
}
?>

<script src="<?php echo BASE_URL . "js/ckeditor/ckeditor.js"; ?>"></script>

<form action="<?php echo BASE_URL . "module/barang/action.php?barang_id=$barang_id"; ?>" method="POST" enctype="multipart/form-data">

    <div class="element-form">
        <label>Kategori</label>
        <span>
            <select name="kategori_id">
                <?php
                $query = mysqli_query($koneksi, "SELECT kategori_id,kategori FROM kategori WHERE status='on' ORDER BY kategori ASC");
                while ($row = mysqli_fetch_assoc($query)) {
                    if ($kategori_id == $row['kategori_id']) {
                        echo "<option value='$row[kategori_id]' selected='true'>$row[kategori]</option>";
                    } else {
                        echo "<option value='$row[kategori_id]'>$row[kategori]</option>";
                    }
                }
                ?>
            </select>
        </span>
    </div>

    <div class="element-form">
        <label>Nama Barang</label>
        <span><input type="text" name="nama_barang" value="<?php echo $nama_barang; ?>" /></span>
    </div>

    <div style="margin-bottom:10px;">
        <label style="font-weight:bold;">Spesifikasi</label>
        <span><textarea name="spesifikasi" id="editor"><?php echo $spesifikasi; ?></textarea></span>
    </div>

    <div class="element-form">
        <label>Stok</label>
        <span><input type="text" name="stok" value="<?php echo $stok; ?>" /></span>
    </div>

    <div class="element-form">
        <label>Harga</label>
        <span><input type="text" name="harga" value="<?php echo $harga; ?>" /></span>
    </div>

    <div class="element-form">
        <label>Gambar Produk</label>
        <?php echo $gambar_produk; ?>
        <br />
        <?php echo $notif_gambar; ?>
        <span><input type="file" name="file" /></span>
    </div>

    <div class="element-form">
        <label>Status</label>
        <span>
            <input type="radio" name="status" value="on" <?php if ($status == "on") {
                                                                echo "checked='true'";
                                                            } ?> />ON
            <input type="radio" name="status" value="off" <?php if ($status == "off") {
                                                                echo "checked='true'";
                                                            } ?> />OFF
        </span>
    </div>

    <div class="element-form">
        <span><input type="submit" name="button" value="<?php echo $button; ?>" class="submit-my-profile" /></span>
    </div>

</form>

<script>
    ClassicEditor
        .create(document.querySelector('#editor'), {
            toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'],
            heading: {
                options: [{
                        model: 'paragraph',
                        title: 'Paragraph',
                        class: 'ck-heading_paragraph'
                    },
                    {
                        model: 'heading1',
                        view: 'h1',
                        title: 'Heading 1',
                        class: 'ck-heading_heading1'
                    },
                    {
                        model: 'heading2',
                        view: 'h2',
                        title: 'Heading 2',
                        class: 'ck-heading_heading2'
                    }
                ]
            }
        })
        .catch(error => {
            console.log(error);
        });
</script>