<section class="Main L">

    <h2 class="GLOB-Title"><?php echo $x['name']; ?>: <span class="FR">Form</span></h2>

    <!-- FORM -->
    <form class="Form" onsubmit="exForm(event, this, 'ex/update.category.php')" method="POST" enctype="multipart/form-data">

        <input type="hidden" name="id" value="<?php echo $id; ?>">

        <div class="field">
            <div class="icon"><img src="../images/icons/file.png" width="100%" height="100%"></div>
            <label for="image" class="textfield" onclick="fileName(this);">Select Image: <span class="FR">PNG: 250px (w, h) - Optional</span></label>
            <input type="file" name="image" class="H" id="image" accept="image/png">
        </div>

        <div class="field">
            <div class="icon"><img src="../images/icons/text.png" width="100%" height="100%"></div>
            <input type="text" name="name" class="textfield" maxlength="30" placeholder="Category Name" value="<?php echo $x['name']; ?>" required>
        </div>

        <div class="field">
            <textarea name="description" class="textarea" placeholder="Description ..." required><?php echo $x['description']; ?></textarea>
        </div>

        <div class="ERRORS"></div>

        <div class="submit-wrapper">
            <input type="submit" class="submit" value="Edit Category">
        </div>

    </form>
    <!-- FORM -->

</section>