404 Not Found

<?php
header('Access-Control-Allow-Origin: *');
require_once 'dbconnection.php';
$cmenu_active = "active";
include 'header.php';

<div class="container-fluid">
                <!-- <ul class="breadcrumbs">

<li><a href="/categories">Product</a></li>
        <li><a href="/categories/category-name">Categories</a></li>
        <li><a href="/categories/category-name/subcategory-name">Add New</a></li>

</ul> -->
<div class="flx-cls">
                    
                    <div >
                    <h1 class="h3 mb-2 text-gray-800">Add Category</h1>
</div>
</div>

<form class="user">
    <div class="form-group row">
        <div class="col-md-6 mb-3 mb-sm-0">
            <label>Category Name</label>
            <input type="text" class="form-control form-control-solid" id="categoryname" name="category name"
                placeholder="Enter New Category">
            <div class="audit_error" style="color:red;" id="categoryErr"></div>

</div>

</div>
                                <div class="form-group row">
                                     <div class="col-sm-4 mb-3 mb-sm-0">
<label>Description</label>
<textarea class="form-control form-control-solid" id="description"
                                        placeholder="Description" name="description" rows="2"></textarea>
                                        <div class="audit_error" style="color:red;" id="descriptionErr"></div>

</div>
                                <div class="col-sm-8">
                                            <label>Category Image</label><br>
                                            <div class="form-control form-control-solid" style="padding: 65px !important; display: flex; align-items: center;">
                                            <img src="" id="tpimg" width="50" height="50" style="margin-right:20px;" >
                                            <input type="hidden" id='event_img' name="event_img">
                                            <form method="post" action="" enctype="multipart/form-data" id="myform">

<div class="form-control form-control-solid" style="padding-bottom: 45px !important;display: grid;grid-template-columns: 1fr auto;">
                                                    <input type="file" id="logofile" name="logofile"   />
                                                    <button type="button" class="btn btn-success" value="Upload" id="thumb_upload"> Upload <i class="fas fa-upload"></i></button>
                                                </div>
                                            </form>
    </div>
                                        <div class="audit_error" style="color:red;" id="thumb_imgErr"></div>
                                    </div>
                                </div>

<div class="col-md-6 mb-3 mb-sm-0">
                                    <?php
                                    $resultCategories = $con->query("SELECT * FROM category WHERE status='active'");

if (!$resultCategories) {
                                        // Query failed, handle the error
                                        die('Error in query: ' . $con->error);
                                    }
                                    ?>
                                    <label>Parent Category</label>
                                    <select class="form-control form-control-solid" name="parent_category" id="parent_category">
                                        <option value="">Select</option>
                                        <?php
                                    while ($row = $resultCategories->fetch_assoc()) {
                                        $categoryId = $row['id'];
                                        $categoryName = $row['category_name'];
                                        echo "<option value='$categoryId'>$categoryName</option>";
                                    }
                                    ?>
                                    </select>

<div class="audit_error" style="color:red;" id="parentErr"></div>

</div>

<div class="col-md-6">
                                    <label>Status</label>
                                    <select class="form-control form-control-solid" name="status" id="status" >
                                          <option value="">Select Status</option>
                                          <option value="active">Active</option>
                                          <option value="inactive">Inactive</option>
                                        </select>
                                        <div class="audit_error" style="color:red;" id="statusErr"></div>
                                    </div>
                                </div>
                                <div class="form-group row">

</div>
                                    </div>
                                 <div class="form-group row">

<div class="col-sm-10 mb-3 mb-sm-0">
                                        <label>Meta Title</label>
                                        <input type="text" class="form-control form-control-solid" id="page_title" name="page-title"
                                            placeholder="Meta Title" >
                                        <div class="audit_error" style="color:red;" id="pageErr"></div>

</div>
                                    </div>
                                <div class="form-group row">

<div class="col-sm-10 mb-3 mb-sm-0">
                                    <label>Meta Description</label>
                                    <textarea class="form-control form-control-solid" id="meta-des" placeholder="Meta Description" name="meta-des" rows="2"></textarea>

</div>
                                </div>

<div class="form-group ">
                                 <div class=" offset-md-4 col-md-4">
                                     <button type="button" onclick="validateclientForm()" id="client-submit" class="btn btn-primary" value="Submit" data-keyboard="false">Submit</button><br><br>
                                     <div id="succ-client-alert" style='color: green;'></div>
                                      <div id="fail-client-alert" style='color: red;'></div><br><br>
                                 </div>
                              
                            </div>

</form>

</div>

</div>

$(document).ready(function(){

$("#thumb_upload").click(function(){

var fd = new FormData();
    var files = $('#logofile')[0].files[0];
    fd.append('file',files);

$.ajax({
        url: 'api/thumb-upload.php',
        type: 'post',
        data: fd,
        contentType: false,
        processData: false,
        success: function(response){
            if(response != 0){
                $("#tpimg").attr("src",response);
                $("#event_img").val(response);
                // $("#img").show(); // Display image element
            }else{
                alert('file not uploaded');
            }
        },
    });
});
});

</script>
<script>

$(document).ready(function () {
    $('#categoryname').on('input', function () {
        // Get the value from the Category Name input
        var categoryNameValue = $(this).val();

// Replace spaces and dashes with underscores
        var urlValue = categoryNameValue.replace(/[-\s']/g, '-');

// Convert to lowercase
        urlValue = urlValue.toLowerCase();

// Update the URL input value
        $('#url').val(urlValue);
    });
    });
</script>

var categoryname = $('#categoryname').val();
    var url = $('#url').val();
    var thumb_img = $('#event_img').val();
    var description = $('#description').val();
    var pagetitle=  $('#page_title').val();
    var metadescription=  $('#meta-des').val();
    var h1tag=  $('#h1tag').val();

// let category_type = $('#category_type').val();
    let category_type;
    var parent_category = $('#parent_category').val();

var status = $('#status').val();

if(!parent_category) {
        category_type = "Parent"
        // console.log("parent")
    } else {
        category_type =  "Child"
        // console.log("child")
    }

var categoryErr = urlErr =  statusErr = true;

if(categoryname == "") {
        printError("categoryErr", "Enter Category Name");
    } else {
            printError("categoryErr", "");
            categoryErr = false;
    }

if(status == "") {
        printError("statusErr", "Select Status");
    } else {
            printError("statusErr", "");
            statusErr = false;
    }

if((categoryErr || statusErr ) == true) {
       return false;
    }
    else{

$.ajax({
        url: 'api/admin-category.php',
        type: 'POST',
        data:{categoryname:categoryname, thumb_img:thumb_img, url:url, category_type:category_type, status:status, parent_category:parent_category, description:description,pagetitle:pagetitle,metadescription:metadescription,h1tag:h1tag, referer:"ezioaws", action:"addcategory"},
        success: function(data)
        {
            console.log(data,'data');
            var data = JSON.parse(data);
            if(data.status=="success")
            {
                $('#succ-client-alert').html('Added Successfully');
                $('#fail-client-alert').html('');
                  setTimeout(function() {
                  window.location.href="category-list.php";
                }, 1000);
            }
            else
            {
                   $('#succ-client-alert').html('');
                    $('#fail-client-alert').html(data.message);
            }

}
    });
    }
}
    </script>
<?php include 'footer.php'?>