js modal pay invoice

    // function invoicePay(id, name, date) {
    //     $('#payId').text(id);
    //     $('#payName').text(name);
    //     $('#payDate').text(date);
    //     $('#payModal').modal('show');
    //     $('#confirmPay').off('click').on('click', function () {
    //         const $submitButton = $('#payModal .btn-primary');
    //         const originalButtonText = $submitButton.html();
    //         $submitButton.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...');
    //         $submitButton.prop('disabled', true);

    //         $.ajax({
    //             url: `/api/invoices/${id}/pay`,
    //             type: 'PUT',
    //             success: function (response) {
    //                 $('#dataTables').DataTable().ajax.reload(null, false);
    //                 showToast('success', response.message);
    //             },
    //             error: function (error) {
    //                 console.error('AJAX error:', error);
    //                 $('#payModal').modal('hide');
    //                 showToast('danger', error.responseJSON.message);
    //             },
    //             complete: function () {
    //                 $submitButton.html(originalButtonText);
    //                 $submitButton.prop('disabled', false);
    //             }
    //         });

    //         $('#payModal').modal('hide');
    //     });
    // }