JezK
Edit File: servicedetails.php
<?php include "header.php"; $id = $_GET['id']; ?> <section class="dark-bg"> <h1 class="text-white fw-bold">Basic Service </h1> </section id="packages"> <div class="container"> <div class="container"> <div class="row my-3" id="appendData"> </div> </div> <div class="row row-cols-md-5" id="mypackageData"> </div> <input type="hidden" value="<?php echo $id; ?>" id="id1"> <!-- <div class="container"> <div class="mypackage-box"> <div class="row mt-5"> <div class="col-sm-3 col-md-4"> <img src="./images/service.png" class="img-fluid de-images"> </div> <div class="col-sm-7 col-md-6"> <div class="row mt-4"> <div class="col-6"> <label class="de-check"> Battery Water Top Up <input type="checkbox" disabled checked="checked"> <span class="checkmark"></span> </label> <label class="de-check">Wiper Fluid Replacement <input type="checkbox" disabled checked="checked"> <span class="checkmark"></span> </label> <label class="de-check">Car Wash <input type="checkbox" disabled checked="checked"> <span class="checkmark"></span> </label> <label class="de-check"> Engine oil replacement <input type="checkbox" disabled checked="checked"> <span class="checkmark"></span> </label> <label class="de-check"> Air filter cleaning <input type="checkbox" disabled checked="checked"> <span class="checkmark"></span> </label> </div> <div class="col-6"> <div class="form-check"> <label class="de-check"> Air filter cleaning <input type="checkbox" checked="checked"> <span class="checkmark"></span> </label> <label class="de-check"> Air filter cleaning <input type="checkbox" checked="checked"> <span class="checkmark"></span> </label> <label class="de-check"> Air filter cleaning <input type="checkbox" checked="checked"> <span class="checkmark"></span> </label> </div> </div> </div> </div> <div class="col-sm-2 col-md-2"> <p class="mp-text"> 1000 Points</p> </div> </div> <div class="row"> <div class="col-4"> <div class="row"> <div class="col-md-5"> <p class="fw-bold">Basic Service</p> <p class="">Service: 2/6</p> </div> <div class="col-md-7"> <p class="">Expired on: <span class="de-primary-color fw-bold">02-05-2023</span> </p> <p class="">Issued on: <span class="de-primary-color fw-bold">02-04-2023</span></p> </div> </div> </div> <div class="col-8"> <div class="d-flex justify-content-end"> <button class="de-btns de-blue-btn">View History</button> </div> </div> </div> </div> --> <table class="table table-striped" id="servicesTable"> <thead> <tr> <th class="text-center">S.no</th> <th class="text-center">Vehicle type</th> <th class="text-center">Vehicle number</th> <th class="text-center">Model</th> <th class="text-center">Date</th> <th class="text-center">Points</th> </tr> </thead> <tbody id="Tabledata"> <!-- Table content goes here --> </tbody> </table> </div> <?php include "footer.php" ?> <script> $(document).ready(function() { let id = $('#id1').val(); $.ajax({ url: 'App/servicedetails.php', type: "POST", data: { id: id }, success: function(data) { data1 = JSON.parse(data); $('#appendData').html(data1.mypackageData); $('#Tabledata').html(data1.table); } }) }); </script>