JezK

Edit File: careClubHistory.php

<?php
include "header.php";
$id = $_SESSION['id'];
include 'App/checkSession.php';
$allotmentId = $_GET['allotmentId'];

$allotmentDetails = $user->getAllotmentDetails($allotmentId);

$purchaseDetails = unserialize($allotmentDetails['care_club_details']);

$careClubName = $purchaseDetails['careClubName'];
$serviceNames = json_decode($purchaseDetails['serviceNames']);
$totalServices = $purchaseDetails['totalServices'];

$vechicleDetails = unserialize($allotmentDetails['care_club_vechile_details']);

$i = 0;
$completedServices = 0;
$serviceNamesHtml = '';
foreach ($serviceNames as $singleService) {

if ($vechicleDetails[$i]['status'] == 1) {
        $completedServices += 1;
    }

$serviceNamesHtml .= ' <div class="col-6">
        <label class="de-check"> ' . $singleService . '
        <input type="checkbox" disabled checked="checked">
        <span class="checkmark"></span>
        </label>

</div>';
    $i += 1;
}

$createdAtString = $allotmentDetails['created_date'];
$createdAt = new DateTime($createdAtString);
$formattedcreatedAt = $createdAt->format('d-m-Y');

$planYears = $purchaseDetails['planType'];
$expiryDate = date('d-m-Y', strtotime('+'.$planYears.'years', strtotime($createdAtString)));

?>
<section class="dark-bg">
    <h1 class="text-white fw-bold"><?php echo $careClubName ?></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">
    <span><a style="color:#00adef" href=" <?php echo $baseUrl ?>mycareclubs.php">« Back</a></span>
        <div class="mypackage-box">
            <div class="row mt-5">
				<div class="col-md-12 col-lg-4 pb-3">
                    <img src="./images/package2.jpg" class="img-fluid">
                </div>
                <div class="col-sm-7 col-md-6">
                    <div class="row mt-4">

<?php echo $serviceNamesHtml; ?>

</div>
                </div>
                <div class="col-sm-2 col-md-2">
                    <p class="mp-text"> Service: <?php echo $completedServices . '/' . $totalServices ?> </p>
                </div>
            </div>
            <div class="row">
                <div class="col-4">
                    <div class="row">
                        <div class="col-md-5">
                            <p class="fw-bold"><?php echo $careClubName ?></p>

</div>
                        <div class="col-md-7">
                            <p class="">Expired on:
                                <span class="de-primary-color fw-bold"><?php echo $expiryDate; ?></span>
                            </p>
                            <p class="">Issued on: <span class="de-primary-color fw-bold"> <?php echo $formattedcreatedAt; ?> </span></p>
                        </div>
                    </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">Service Name</th>

</tr>
            </thead>
            <tbody id="Tabledata">

<?php $sno = 1; ?>
                <?php foreach ($vechicleDetails as $singleDetail) { ?>

<?php if ($singleDetail['status'] == 1) { ?>

<?php $sno += 1; ?>

<?php } ?>

<?php  } ?>

</tbody>
        </table>
    </div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdn.rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>

<link rel="stylesheet" type="text/css" href="DataTables/datatables.min.css" />
<Script type="text/javascript" src="DataTables/datatables.min.js"></Script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">

</body>

</html>