JezK

Edit File: addpackage.php

<?php
include "sidemenu-start.php";

include dirname(__DIR__) . '/admin/app/adminObject.php';

<?php

$where['type'] = 3;

$servicesDetails = $admin->getServices($where);

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

<div class="row mt-5">
        <div class="col-sm-3 col-md-4">
            <div class="admin-forms">
                <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">
                        <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">
                        <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>Select an option</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">
                        <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"></textarea>
                        <p class="error description_error"></p>
                    </div>

</div>

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

<h5>
                Services
            </h5>
            <div class="row mt-4">
                <?php foreach ($servicesDetails as $row) { ?>

<div class="col-6">
                        <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 }  ?>
                <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="form-control" id="service1" placeholder="0" value="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="form-control" id="service2" placeholder="0" value="0" 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="form-control" id="service3" placeholder="0" value="0" 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="form-control" id="service4" placeholder="0" value="0" 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="form-control" id="service5" placeholder="0" value="0" 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="form-control" id="service6" placeholder="0" value="0" disabled>
                                </div>
                            </div>

</div>

<div class="row mt-4">
                            <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="form-control" id="service7" placeholder="0" value="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 8</label>
                                    <input type="number" class="form-control" id="service8" placeholder="0" value="0" 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="form-control" id="service9" placeholder="0" value="0" 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="form-control" id="service10" placeholder="0" value="0" 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="form-control" id="service11" placeholder="0" value="0" 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="form-control" id="service12" placeholder="0" value="0" disabled>
                                </div>
                            </div>
                            <div class="form-group">
                                <input type="hidden" class="form-control" id="subId" value="<?php echo $_SESSION['subId']; ?>">
                            </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 validatePackagesByAdmin()">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </form>

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

function validatePackagesByAdmin() {
  $(".error").html("");

let title = $("#title").val().trim();

let amount = $("#amount").val().trim();

let months = $("#months").val().trim();

let points = $("#points").val().trim();

let description = $("#description").val().trim();

let checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');

var selectedServices = [];

for (let i = 0; i < checkboxes.length; i++) {
    selectedServices.push(checkboxes[i].value);
  }

let servicePoints1 = parseInt($("#service1").val().trim());
  let servicePoints2 = parseInt($("#service2").val().trim());
  let servicePoints3 = parseInt($("#service3").val().trim());
  let servicePoints4 = parseInt($("#service4").val().trim());
  let servicePoints5 = parseInt($("#service5").val().trim());
  let servicePoints6 = parseInt($("#service6").val().trim());
  let servicePoints7 = parseInt($("#service7").val().trim());
  let servicePoints8 = parseInt($("#service8").val().trim());
  let servicePoints9 = parseInt($("#service9").val().trim());
  let servicePoints10 = parseInt($("#service10").val().trim());
  let servicePoints11 = parseInt($("#service11").val().trim());
  let servicePoints12 = parseInt($("#service12").val().trim());

let totalSumPoints =
    servicePoints1 +
    servicePoints2 +
    servicePoints3 +
    servicePoints4 +
    servicePoints5 +
    servicePoints6 +
    servicePoints7 +
    servicePoints8 +
    servicePoints9 +
    servicePoints10 +
    servicePoints11 +
    servicePoints12;

if (title == "") {
    $(".title_error").html("Please Enter Title");
    return false;
  }

if (amount == "") {
    $(".amount_error").html("Please Enter Amount");
    return false;
  }

if (amount <= 0) {
    $(".amount_error").html("Amount Must Be Greather Than 0");
    return false;
  }

if (months == "Select an option") {
    $(".month_error").html("Select Months");
    return false;
  }

if (points == "") {
    $(".points_error").html("Please Enter Points");
    return false;
  }

if (points <= 0) {
    $(".points_error").html("Ponits Must Be Greather Than 0");
    return false;
  }

if (description == "") {
    $(".description_error").html("Please Enter Description");
    return false;
  }

if (selectedServices.length == 0) {
    $(".service_error").html("Select atleast one service");
    return false;
  }

if (servicePoints1 == "0") {
    $(".servicepoints_error").html("Please Enter Points");
    return false;
  }

let i;
  let servicePoints = [];
  servicePoints = [
    servicePoints1,
    servicePoints2,
    servicePoints3,
    servicePoints4,
    servicePoints5,
    servicePoints6,
    servicePoints7,
    servicePoints8,
    servicePoints9,
    servicePoints10,
    servicePoints11,
    servicePoints12,
  ];

for (i = 0; i < servicePoints.length - 1; i++) {
    if (servicePoints[i] == 0 && servicePoints[i + 1] != 0) {
      $(".servicepoints_error").html("Please Enter Service Wise");
      return false;
    }
  }

if (points != totalSumPoints) {
    $(".servicepoints_error").html("Total Points And Service Must Be Equal");
    return false;
  }

return true;
}

let baseUrl = "<?php echo $baseUrl; ?>"

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

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 title = $('#title').val()

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

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

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

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

let subId = $('#subId').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));
        }
        
        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: baseUrl + '/admin/app/packages.php',
            data: {
                name: title,
                amount: amount,
                months: months,
                points: points,
                description: description,
                servicePoints: servicePoints,
                checkboxes: selectedServices,
                addedBy: '2',
                subId: subId
            },
            success: function(data) {
                if (data == 1) {
                    toastr.success('Package Added');
                    setTimeout(function(){
                        location.replace(baseUrl+'sub-admin/packages.php');
                    },3000)
                }
            }
        })

})
</script>