EVOLUTION-NINJA

Edit File: withdraw_table.php

<?php echo view('includes/headerSidebar'); ?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css">
 <script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>

}

.user_details_main {
        border-radius: 13px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        /* width: 55%; */
        padding: 27px;
        min-height: 301px;
        background-color: white;

}

.use_img {
        width: 140px;
        height: 126px;
        /* border: 1px solid; */
        border-radius: 50%;
        overflow: hidden;
    }

.user_deta {
        /* border: 1px solid; */
    }

.user_deta>p {
        margin: 0;
        margin-bottom: 5px;
    }

.user_deta>p:nth-child(1) {
        color: #0065A3;
        font-size: 26px;
        font-weight: 600;
    }

.user_deta>p:nth-child(2) {
        color: #33363F;
        font-size: 19px;
        font-weight: 600;
    }

.user_deta>p:nth-child(3) {
        color: #222323;
        font-size: 16px;
        font-weight: 600;
        word-wrap: break-word;
        white-space: break-spaces;
        word-break: break-word;
    }

.user_idno {
        color: #575757
    }

.user_border {
        height: 1px;
        border: 1px solid #B7B4B4;
        margin-bottom: 15px;
    }

.user_more_inf {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        margin-left: 10px;

/* color: #007bff; */
        color: #444;
    }

.user_more_inf>span {
        margin-left: 8px;

color: #525252;
    }

.user_de {
        color: #363636;
        font-weight: 500;
        margin: 0;
        margin-bottom: 8px;
        margin-left: 4px;
        font-size: 20px;
    }

.mor_det {
        color: #212529;
        font-weight: 500;
    }

/* promoter details  */
    .prom_det {
        position: relative;
        width: 300px;
        padding: 20px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin: auto;
        margin-bottom: 15px;
        background-color: white;
    }

.prom_det:hover {
        scale: 1.1;
        transition: scale 0.6s ease-in-out;

}

.prom_icon {
        width: 63px;
        position: relative;
        top: -47px;
        left: 17px;
    }

.prom_det>.pro_mon {
        float: right;
        margin-top: 18px;
        font-size: 18px;
        font-weight: 600;
        color: #345757;

}

.prom_detail {
        /* display:grid;
            grid-template-columns: repeat(5,1fr); */
        display: flex;
        flex-wrap: wrap;
        flex: 1 0 300px;
        gap: 22px;
        margin: auto;
    }

.peo_par {
        color: #443;
        font-weight: 600;
        margin-top: 4px
    }

@media only screen and (max-width:628px) {
        .user_details_main {
            width: 100%;
            padding: 12px;
            min-height: auto;
        }
    }

@media only screen and (min-width:629px) and (max-width:1028px) {
        .user_details_main {
            width: 100%;
            min-height: auto;
        }
    }
</style>
<div id="main" class="p-4">

<section>
    <div class="container">
        <h2>Withdraw Request</h2>
        <table id="requestTable" class="display" style="width:100%">
            <thead>
                <tr>
                    <th>Scheme</th>
                    <th>Partner ID</th>
                    <th>Total Amount</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                <?php if (!empty($payments)): ?>
                    <?php foreach ($payments as $payment): ?>
                        <tr>
                            <td><?= $payment['scheme_name']; ?></td>
                            <td><?= $payment['promoter_id']; ?></td>
                            <td><?= $payment['total_amount']; ?></td>
                            <td>
                                <button class="request-btn btn-primary" 
                                    data-id="<?= $payment['promoter_id']; ?>" 
                                    data-scheme="<?= $payment['scheme_name']; ?>" 
                                    data-amount="<?= $payment['total_amount']; ?>">
                                    Request Withdraw
                                </button>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</section>

$('.request-btn').click(function () {
            const promoterId = $(this).data('id');
            const scheme = $(this).data('scheme');
            const availableAmount = parseFloat($(this).data('amount'));
            const requestAmount = prompt('Enter the amount to request for withdrawal:');

if (requestAmount && !isNaN(requestAmount) && requestAmount > 0 && requestAmount <= availableAmount) {
                $.ajax({
                    url: "<?php echo base_url('withdraw-amount-request'); ?>",
                    type: "POST",
                    data: {
                        promoter_id: promoterId,
                        scheme: scheme,
                        amount: requestAmount
                    },
                    success: function (response) {
                        alert(response.message);
                    },
                    error: function () {
                        alert('Error while processing the request.');
                    }
                });
            } else {
                alert('Invalid request amount.');
            }
        });
    });
</script>

window.location.href = "<?php echo base_url('withdraw'); ?>";
    });
});
</script>

</html>