

            <tr 
                class="data-row " 
                data-group="Date"
                style="border:none;">

                <td style="font-weight:bold;font-size:12px;color:#000;">
                    Date
                </td>

                <td style="font-weight:bold;font-size:12px;color:#000;">
                    Doc No
                </td>
                
                <td style="font-weight:bold;font-size:12px;color:#000;">
                    Transfer to
                </td>

                <td style="font-weight:bold;font-size:12px;color:#000;">
                    Tns Type
                </td>
                
                <td style="font-weight:bold;font-size:12px;color:#000;">
                    By
                </td>

                <td style="text-align:right; font-weight:bold;font-size:12px;color:#000;">
            
               

                </td>

            </tr>
<script>

$(document).on('click', '.approve-btn', function () {

    let btn = $(this);

    let doc_no = btn.data('doc');
    let ttype = btn.data('type');
    let currentRow = btn.closest('tr');

    $.ajax({

        url: '../includes/approve_bank_transaction.php',

        type: 'POST',

        dataType: 'json',

        data: {
            doc_no: doc_no,
            ttype: ttype
        },

        beforeSend: function () {

            btn.prop('disabled', true)
               .text('Confirming...');
               currentRow.find('.delete-btn').remove();
        },

        success: function (response) {

            if (response.status === 'success') {

//currentRow.find('.delete-btn').remove();
//currentRow.find('.approve-btn').remove();
currentRow.remove();

            } else {

                alert(response.message || 'Approval failed');

                btn.prop('disabled', false)
                   .text('Confirm');
            }
        },

        error: function () {

            alert('Server error');

            btn.prop('disabled', false)
               .text('Confirm');
        }
    });

});

$(document).on('click', '.delete-btn', function () {

    let btn = $(this);

    let doc_no = btn.data('doc');
    let ttype = btn.data('type');
    let currentRow = btn.closest('tr');

    $.ajax({

        url: '../includes/delete_transaction.php',

        type: 'POST',

        dataType: 'json',

        data: {
            doc_no: doc_no,
            ttype: ttype
        },

        beforeSend: function () {

            btn.prop('disabled', true)
               .text('Deleting...');
               currentRow.find('.approve-btn').remove();
        },

        success: function (response) {

            if (response.status === 'success') {

//currentRow.find('.delete-btn').remove();
//currentRow.find('.approve-btn').remove();
currentRow.remove();

            } else {

                alert(response.message || 'Delete failed');

                btn.prop('disabled', false)
                   .text('Delete');
            }
        },

        error: function () {

            alert('Server error');

            btn.prop('disabled', false)
               .text('Delete');
        }
    });

});



</script>