EVOLUTION-NINJA

Edit File: customer_view.php

<?php echo view('includes/headerSidebar'); ?>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
    
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
    
    
    <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>

<section class="home-section fullpage">
    <div class="home-content">
        <i class='bx bx-menu'></i>
        
    </div>
 
    
    <section>
      <div> <h3>My Customer/</h3></div>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-4">
            <h5>Promoter Details:</h5>
            <div class="promoter-details">
                <br>
                <p>Promoter Id: <span><?= isset($customerData['promoter_id']) ? $customerData['promoter_id'] : 'N/A'; ?></span></p>
                <p>Promoter Name: <span><?= isset($customerData['promoter_name']) ? $customerData['promoter_name'] : 'N/A'; ?></span></p>
                
            </div>
        </div>

<div class="col-sm-6">
            <h5>Customer Details:</h5>
            <div class="row">
                <div class="col-md-6">
                    <p>User Id: <span><?= isset($customerData['user_id']) ? $customerData['user_id'] : 'N/A'; ?></span></p>
                    <p>Card No: <span><?= isset($customerData['card_no']) ? $customerData['card_no'] : 'N/A'; ?></span></p>
                    <p>Customer Name: <span><?= isset($customerData['name']) ? $customerData['name'] : 'N/A'; ?></span></p>
                    <p>Pin No: <span><?= isset($customerData['city']) ? $customerData['city'] : 'N/A'; ?></span></p>
                </div>
                <div class="col-md-6">
                    <p>Start Date: <span><?= isset($customerData['payment_date']) ? $customerData['payment_date'] : 'N/A'; ?></span></p>
                    <p>End Date: <span><?= isset($customerData['end_date']) ? $customerData['end_date'] : 'N/A'; ?></span></p>
                    <p>Instl Amount: <span><?= isset($customerData['amount']) ? $customerData['amount'] : 'N/A'; ?></span></p>
                    <p>Total Amount: <span><?= isset($customerData['total_amount']) ? $customerData['total_amount'] : 'N/A'; ?></span></p>
                </div>
            </div>
        </div>
    </div>
    
    <div>
 <h4 style="text-align:center;margin:20px;border:1px solid lightgrey;padding:5px;box-shadow:1px 2px 4px #ccc">12 Month Installment Plan</h4>

<table id="installmentTable" class="display nowrap" style="width:100%" border="1">
        <thead>
            <tr>
                <th>Installment No</th>
                <th>Payment Date</th>
                <th>Installment Amount</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($installments as $row): ?>
                <tr>
                    <td><?= $row['installment_no'] ?></td>
                    <td><?= $row['payment_date'] ?></td>
                    <td>₹<?= number_format($row['amount']) ?></td>
                    <td>
                        <?php
                        
                        $isPaid = false;
                        if (!empty($paidInstallments)) {

foreach ($paidInstallments as $paid) {
                                
                                // print_r($paid);
                                if (date('Y-m', strtotime($paid['payment_date'])) == date('Y-m', strtotime($row['payment_date']))) {
                                    $isPaid = true;
                                    echo "₹" . number_format($paid['amount']);
                                    break;
                                }
                            }
                        }

if (!$isPaid) {
                            echo "<span style='color:red;'>Not Paid</span>";
                        }
                        ?>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>

</div>
</div>

</section>

</div>
</section>
    
</div>
</body>
<script>
    let arrow = document.querySelectorAll(".arrow");
    for (var i = 0; i < arrow.length; i++) {
        arrow[i].addEventListener("click", (e) => {
            let arrowParent = e.target.parentElement.parentElement;
            arrowParent.classList.toggle("showMenu");
        });
    }
    let sidebar = document.querySelector(".sidebar");
    let sidebarBtn = document.querySelector(".bx-menu");
    console.log(sidebarBtn);
    sidebarBtn.addEventListener("click", () => {
        sidebar.classList.toggle("close");
    });
</script>