EVOLUTION-NINJA
Edit File: ae_payment_edit.php
<?php echo view('includes/sidebar'); ?> <script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script> <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>"> <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/createproject.css');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/font-awesome.min.css');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/bootstrap.min.css');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/css/sidebar.css');?>"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="<?php echo base_url('public/assets/images/constituency.png');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/images/Logo.png');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/images/employee.png');?>"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <section class="home-section"> <div class="home-content"> <i class='bx bx-menu'></i> </div> <div class="row m-0"> <div class="col-sm-12"> <h1 class="crt-pjt">AE Payment</h1> </div> </div> <style> .inpfieldname { font-family: Poppins; font-size: 18px; font-weight: 500; text-align: left; color: #1F1F21; } .excelFile{ padding:5px !important; } .excel{ display:flex; justify-content:space-evenly; } .plus { background-color: transparent !important; padding: 2px; margin: 15px 15px; } .fieldsbox { border-radius: 23px !important; padding: 5px 10px !important; height: 45px; width: 85% } .projdetail { margin-inline: auto; margin-top: 15px; } .constuency_page { width: 100%; padding: 20px 16px; } .textfields { border-radius: 14px; } .buttns-cnl { margin-inline: 15px !important; } @media (min-width: 768px) and (max-width: 1024px) { .inpfieldname { font-size: 15px; } .fieldsbox { width: 100%; } } @media only screen and (max-width:620px) { .fieldsbox { width: 100% } .home-section { height: 100% } } body { margin: 0px; padding: 0px; overflow-x: hidden; } .search-bar { border-radius: 18px !important; border: none; box-shadow: 1px 1px 6px 0px #00000040; height: 35px; } .rem { width: 70% !important; } @media only screen and (max-width: 600px) { .rem { width: 100% !important; } } </style> <form action="<?= base_url('ae-payment-save') ?>" method="post"> <input type="hidden" name="transaction_id" value="<?= $payment['id'] ?>"> <input type="hidden" name="customer_id" value="<?= $payment['customer_id'] ?>"> <input type="hidden" name="product_id" value="<?= $payment['product_id'] ?>"> <input type="hidden" name="dealer_name" value="<?= $payment['dealer_name'] ?>"> <input type="hidden" id="subsidy_amount" value="<?= $payment['subsidy_amount'] ?>"> <input type="hidden" id="ae_commission" value="<?= $payment['ae_commission'] ?>"> <input type="hidden" id="farmer_share" value="<?= $payment['farmer_paid'] ?>"> <input type="hidden" id="paid_subsidy" value="<?= $payment['paid_subsidy'] ?? 0 ?>"> <input type="hidden" id="paid_farmer_share" value="<?= $payment['paid_farmer_share'] ?? 0 ?>"> <div class="createproject"> <div class="row projdetail"> <!-- Total Paid Amount Field --> <div class="col-sm-3"> <label>Payment For</label> <select name="payment_for" id="payment_for" class="form-control" required> <option value="">Select</option> <option value="farmer_share">Farmer Share</option> <option value="subsidy">Subsidy</option> </select> </div> <div class="col-sm-1"></div> <!-- Payment Type Field --> <div class="col-sm-3"> <label>Total Amount</label> <input type="text" name="total_amount" id="total_amount" class="form-control" readonly> </div> <div class="col-sm-2"> <label>Payment Date</label> <input type="text" id="payment_date" class="form-control" readonly> </div> <div class="col-sm-2"> <label>Payment Type</label> <select name="payment_type" id="payment_type" class="form-control" required> <option value="">Select</option> <option value="Cash">Cash</option> <option value="Cheque">Cheque</option> <option value="Online/UPI">Online/UPI</option> </select> </div> </div> <!-- <div class="projdetail row"> <div class="col-sm-6"> <label for="Remarks" class="form-label inpfieldname">Remarks</label><br> <textarea name="remarks" id="Remarks" class="form-control textfields rem" required><?= isset($project['remarks']) ? $project['remarks'] : '' ?></textarea> </div> </div> --> <div class="col-sm-3"> <div class="col-sm-7" id="upiDiv" style="display:none;"> <label>UPI ID</label> <input type="text" name="upi_id" class="form-control"> </div> </div> <div class="row"> <div class="col-sm-6 buttns-cnl"> <button type="submit" class="btn btn-success">Save Payment</button> <button type="button" id="btn-cancel" class="cancel">Cancel</button> </div> </div> </div> </form> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.all.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.min.css" rel="stylesheet"> </section> <script> let subsidy = "<?= $payment['subsidy_amount'] ?>"; let farmerShare = "<?= $payment['farmer_paid'] ?>"; $('#payment_for').change(function () { let type = $(this).val(); let subsidy = parseFloat($('#subsidy_amount').val()) || 0; let ae_commission = parseFloat($('#ae_commission').val()) || 0; let farmer = parseFloat($('#farmer_share').val()) || 0; // ================================== // ALREADY PAID VALUES // ================================== let paidSubsidy = parseFloat($('#paid_subsidy').val()) || 0; let paidFarmer = parseFloat($('#paid_farmer_share').val()) || 0; // ================================== // AUTO DATE // ================================== let today = new Date(); let formattedDate = today.toISOString().split('T')[0]; $('#payment_date').val(formattedDate); // ================================== // SUBSIDY VALIDATION // ================================== if (type == 'subsidy') { // already paid if(paidSubsidy > 0){ alert('Subsidy Already Paid'); $('#payment_for').val(''); $('#total_amount').val(''); return; } let final_subsidy = subsidy - ae_commission; $('#total_amount').val(final_subsidy); } // ================================== // FARMER SHARE VALIDATION // ================================== if (type == 'farmer_share') { // farmer not paid if(farmer <= 0){ alert('Farmer Did Not Pay'); $('#payment_for').val(''); $('#total_amount').val(''); return; } // already paid if(paidFarmer > 0){ alert('Farmer Share Already Paid'); $('#payment_for').val(''); $('#total_amount').val(''); return; } $('#total_amount').val(farmer); } }); // ✅ SHOW UPI FIELD $('#payment_type').change(function(){ let type = $(this).val(); if(type == 'Online/UPI'){ $('#upiDiv').show(); }else{ $('#upiDiv').hide(); } }); </script> <script> $('#btn-cancel').click(function () { window.history.back(); }); </script> <?php echo view('includes/footer'); ?>