JezK

Edit File: packages-paymentdetails.php

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

include './app/adminObject.php';

$packageId = base64_decode($_GET['package_id']);

$packageDetails = $admin->getSinglePacakgeDetails($packageId);

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

$totalCost = $packageDetails[0]['amount'];

$tax = ($totalCost * 18) / 100;

$grandTotal = $totalCost + $tax;

<div class="container-fluid">
    <h1>Payment Details</h1>

<form id="getUserDetails">
                <div class="mb-3 position-relative">
                    <label for="userid" class="form-label">User Mobile</label>
                    <input type="number" class="form-control" id="userMobile" name="userMobile">
                    <button class="no-btn useridicon" type="submit" onclick="return validatePaymentsUserId()"><img src="./images/arrow.png"></button>

</div>
                <p class="error userMobile_error"></p>

</form>
            <div class="mb-3">
                <label for="name" class="form-label">User Id</label>
                <input type="text" class="form-control" id="detailingId" readonly>
            </div>

<div class="mb-3">
                <label for="name" class="form-label">Name</label>
                <input type="text" class="form-control" id="name" readonly>
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" class="form-control" id="email" readonly>
            </div>

<div class="mb-3">
                <label for="address" class="form-label">Address</label>
                <textarea class="form-control" id="address" rows="3" readonly></textarea>
            </div>
            <div class="mb-3">
                <input type="hidden" class="form-control" id="checkUserId" name="checkUserId">
            </div>

</div>

<div class=" col-md-3 mx-3">
            <form id="paymentForm">
                <div class="mb-3">
                    <label for="vehicletype" class="form-label">Vehicle Type</label>
                    <input type="text" class="form-control" id="vehicletype" name="vehicletype">
                    <p class="error vehicletype_error"></p>
                </div>
                <div class="mb-3">
                    <label for="vehiclenumber" class="form-label">Vehicle Number</label>
                    <input type="text" class="form-control" id="vehiclenumber" name="vehiclenumber" oninput="convertToUpperCase()">
                    <p class="error vehiclenumber_error"></p>
                </div>
                <div class="mb-3">
                    <label for="model" class="form-label">Model</label>
                    <input type="text" class="form-control" id="model" name="model">
                    <p class="error model_error"></p>
                </div>
        </div>

<div class="col-md-4 mx-3">
            <div class="payments-card">
                <div class="p-row">
                    <h5><?php echo $packageDetails[0]['name'] ?></h5>
                    <h5>Rs <?php echo $packageDetails[0]['amount'] ?></h5>
                </div>
                <ul>
                    <?php

foreach ($servicesIds as $servicesId) {
                        $serviceDetails = $admin->getSingleserviceDetails($servicesId);
                    ?>
                        <li><?php echo $serviceDetails['name']; ?></li>
                    <?php
                    }
                    ?>

</ul>
                <div class="p-row hr-line">
                    <h5>Total</h5>
                    <h5>Rs <?php echo $totalCost; ?></h5>
                </div>
                <div class="p-row">
                    <h5>Tax Rate</h5>
                    <h5>18% </h5>
                </div>
                <div class="p-row ">
                    <h5>Tax</h5>
                    <h5>Rs <?php echo $tax; ?></h5>
                </div>
                <div class="p-row ">
                    <h5>Grand Total</h5>
                    <h5>Rs <?php echo $grandTotal; ?></h5>
                </div>
                <button type="submit" class="de-btn-small d-block m-auto" onclick="return validatePackagePaymentFrom()" id="paymentButton">PAYMENT</button>
                <button type="button" class="de-btns de-grey-btn d-block m-auto d-none" id="disablePayment">Payment</button>
                </form>
                <button type="button" class="no-btn d-block m-auto d-none" id="invoice"><a href="" id="downloadInvoice">Invoice </a><img src="./images/download.png" /> </button>

</div>

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

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

let servicesIds = <?php echo $packageDetails[0]['service_id'] ?>;

// servicesIds = JSON.stringify(servicesIds);

let amount = "<?php echo $packageDetails[0]['amount'] ?>";

let extendMonths = parseInt("<?php echo $packageDetails[0]['month'] ?>");

$('#getUserDetails').submit(function(event) {
        event.preventDefault();
        let userMobile = $('#userMobile').val();

$.ajax({
            type: 'POST',
            url: baseUrl + 'admin/app/editUser.php',
            data: {
                userMobile: userMobile
            },
            success: function(data) {
                userDetails = JSON.parse(data);
                if (userDetails.status == 0) {
                    toastr.warning('Invalid User')
                } else if (userDetails.status == 2) {
                    toastr.warning('User Account Deleted')
                } else {
                    $('#name').val(userDetails.user_name)
                    $('#detailingId').val(userDetails.user_id)
                    $('#email').val(userDetails.email)
                    $('#address').val(userDetails.address)
                    $('#checkUserId').val(userDetails.id)
                }
            }
        })
    });

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

let vehicletype = $('#vehicletype').val();
        let vehiclenumber = $('#vehiclenumber').val();
        let model = $('#model').val();
        let userId = $('#checkUserId').val();

$('#paymentButton').addClass('d-none');

$.ajax({
            type: 'POST',
            url: baseUrl + '/admin/app/packagePayment.php',
            data: {
                vehicletype: vehicletype,
                vehiclenumber: vehiclenumber,
                model: model,
                userId: userId,
                packageId: packageId,
                servicesIds: servicesIds,
                amount: amount,
                extendMonths: extendMonths
            },
            success: function(response) {
                result = JSON.parse(response)
                if (result.insert == 1) {

$('#paymentButton').addClass('d-none');
                    $('#disablePayment').removeClass('d-none');
                    $('#invoice').removeClass('d-none');
                    let url = baseUrl + 'App/userInvoicepdf.php?allotmentId=' + result.insertedId
                    $('#downloadInvoice').attr("href", url)
                    toastr.success('Package Allocated')
                    $('#userMobile').prop('readonly', true)
                } else {
                    toastr.warning('Unable to Allot')
                    $('#paymentButton').removeClass('d-none');
                }

}
        })

})

function convertToUpperCase() {
        var inputField = document.getElementById("vehiclenumber");
        inputField.value = inputField.value.toUpperCase();
    }
</script>