JezK

Edit File: editpackage.php

<?php

include "sidemenu-start.php";
include "app/adminObject.php";
?>

<?php
$encodedPackageId = $_GET['packageid'];
$packageId = base64_decode($encodedPackageId);

$packageDetails = $admin->getSinglePacakgeDetails($packageId);
$servicePoints = json_decode($packageDetails[0]['service_points']);

$servicesIds =  json_decode($packageDetails[0]['service_id']);

// print_r($servicesIds);

$i = 0;

$where['type'] = 5; // Active Services
$servicesDetails = $admin->getServices($where);

<div class="container-fluid">
    <h1>Edit Package</h1>

<div class="row mt-5">
        <div class="col-sm-3 col-md-4">
            <div class="">
                <form id="addpackage">
                    <div class="mb-3">
                        <label for="title" class="form-label">Title</label>
                        <input type="text" class="form-control" id="title" name="title" value="<?php echo $packageDetails[0]['name'] ?>" disabled>
                        <p class="error title_error"></p>
                    </div>
                    <div class="mb-3">
                        <label for="amount" class="form-label">Amount</label>
                        <input type="number" class="form-control" id="amount" name="amount" value="<?php echo $packageDetails[0]['amount'] ?>">
                        <p class="error amount_error"></p>
                    </div>

<div class="mb-3">
                        <label for="months" class="form-label" name="months">Month</label>
                        <select class="form-select" id="months">
                            <option selected><?php echo $packageDetails[0]['month'] ?></option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                        </select>
                        <p class="error month_error"></p>
                    </div>

<div class="mb-3">
                        <label for="points" class="form-label">Points</label>
                        <input type="number" class="form-control" id="points" name="points" value="<?php echo $packageDetails[0]['total_points'] ?>">
                        <p class="error points_error"></p>
                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Description</label>
                        <textarea class="form-control" id="description" name="description" rows="3"><?php echo $packageDetails[0]['description'] ?></textarea>
                        <p class="error description_error"></p>
                    </div>
                    <div class="mb-3">
                        <input type="hidden" class="form-control" id="packageId" name="packageId" value="<?php echo $packageDetails[0]['package_id'] ?>">
                    </div>
            </div>

</div>
        <div class="col-md-1"></div>

<h5>
                Services
            </h5>
            <div class="row mt-4">

<?php foreach ($servicesDetails as $row) { ?>

<?php $found = false; ?>

<?php foreach ($servicesIds as $singleServiceId) { ?>

<?php if ($row['service_id'] == $singleServiceId) { ?>

<label class="de-check"> <?php echo $row['name'];  ?>
                                    <input type="checkbox" checked="checked" id="<?php echo $row['service_id']; ?>" value="<?php echo $row['service_id']; ?>">
                                    <span class="checkmark"></span>
                                </label>
                            </div>
                        <?php }  ?>

<?php }
                    if (!$found) { ?>

<label class="de-check"> <?php echo $row['name'];  ?>
                                <input type="checkbox" id="<?php echo $row['service_id']; ?>" value="<?php echo $row['service_id']; ?>">
                                <span class="checkmark"></span>
                            </label>
                        </div>
                    <?php }
                    $i = $i + 1; ?>
                <?php }  ?>
                <p class="error service_error"></p>
                <div class="row">
                    <h5 class="mt-3">Points Per Service</h5>
                    <div class="my-3">
                        <div class="row">
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service1">Service 1</label>
                                    <input type="number" class="sf form-control" id="service1" value="<?php echo $servicePoints[0] ?>" placeholder="0" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service2">Service 2</label>
                                    <input type="number" class="sf form-control" id="service2" placeholder="0" value="<?php echo $servicePoints[1] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service3">Service 3</label>
                                    <input type="number" class="sf form-control" id="service3" placeholder="0" value="<?php echo $servicePoints[2] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service4">Service 4</label>
                                    <input type="number" class="sf form-control" id="service4" placeholder="0" value="<?php echo $servicePoints[3] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service5">Service 5</label>
                                    <input type="number" class="sf form-control" id="service5" placeholder="0" value="<?php echo $servicePoints[4] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service6">Service 6</label>
                                    <input type="number" class="sf form-control" id="service6" placeholder="0" value="<?php echo $servicePoints[5] ?>" disabled>
                                </div>
                            </div>

</div>

<div class="row">
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service1">Service 7</label>
                                    <input type="number" class="sf form-control" id="service7" placeholder="0" value="<?php echo $servicePoints[6] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service2">Service 8</label>
                                    <input type="number" class="sf form-control" id="service8" placeholder="0" value="<?php echo $servicePoints[7] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service3">Service 9</label>
                                    <input type="number" class="sf form-control" id="service9" placeholder="0" value="<?php echo $servicePoints[8] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service4">Service 10</label>
                                    <input type="number" class="sf form-control" id="service10" placeholder="0" value="<?php echo $servicePoints[9] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service5">Service 11</label>
                                    <input type="number" class="sf form-control" id="service11" placeholder="0" value="<?php echo $servicePoints[10] ?>" disabled>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-6">
                                <div class="form-group">
                                    <label class="cs-label" for="service6">Service 12</label>
                                    <input type="number" class="sf form-control" id="service12" placeholder="0" value="<?php echo $servicePoints[11] ?>" disabled>
                                </div>
                            </div>

</div>
                        <p class="error servicepoints_error"></p>
                        <div class="row justify-content-end mt-3 me-2">
                            <div class="col-lg-2 col-md-12 col-sm-12 ">
                                <div class="form-group">
                                    <button type="submit" class="de-btn-small text-uppercase" onclick="return validateEditPackagesByAdmin()">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>

</div>
</div>
<?php
// include "./app/sidemenu-end.php";
include "./sidemenu-end.php";
?>

$('#months').change(function() {
        let months = $('#months').val();
        let i;

for (i = 1; i <= 12; i++) {
            let id = '#service' + i
            $(id).val('0');
        }

for (i = 1; i <= 12; i++) {
            let id = '#service' + i
            $(id).prop('disabled',true);
        }

for (i = months; i > 0; i--) {
            let id = '#service' + months
            $(id).removeAttr('disabled');
            months = months - 1;
        }
    })

$('#addpackage').submit(function(event) {
        event.preventDefault();

let packageId = $('#packageId').val();

let title = $('#title').val()

let amount = $('#amount').val()

let months = $('#months').val()

let points = $('#points').val()

let description = $('#description').val();

let checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
        let selectedServices = [];
        for (let i = 0; i < checkboxes.length; i++) {
            selectedServices.push(parseInt(checkboxes[i].value));
        }
        // console.log(selectedServices);

let servicePoints = [];
        servicePoints[0] = parseInt($('#service1').val());
        servicePoints[1] = parseInt($('#service2').val());
        servicePoints[2] = parseInt($('#service3').val());
        servicePoints[3] = parseInt($('#service4').val());
        servicePoints[4] = parseInt($('#service5').val());
        servicePoints[5] = parseInt($('#service6').val());
        servicePoints[6] = parseInt($('#service7').val());
        servicePoints[7] = parseInt($('#service8').val());
        servicePoints[8] = parseInt($('#service9').val());
        servicePoints[9] = parseInt($('#service10').val());
        servicePoints[10] = parseInt($('#service11').val());
        servicePoints[11] = parseInt($('#service12').val());

$.ajax({
            type: 'POST',
            url: 'app/packages.php',
            data: {
                edit: 'status',
                packageId: packageId,
                amount: amount,
                months: months,
                points: points,
                description: description,
                servicePoints: servicePoints,
                checkboxes: selectedServices,
            },
            success: function(data) {
                if (data == 1) {
                    toastr.success('Package Updated');
                    setTimeout(function(){
                        location.replace(baseUrl+'admin/packages.php');
                    },3000)
                } else {
                    toastr.warning("You Haven't Updated Anything");
                }
            }
        })

})
</script>