<script type="text/javascript">
    let table = $('#systemDatatable').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": "{{ route('inventorySetup.purchase.dataProcessinpv') }}",
        "dataType": "json",
        "type": "GET",
        "data": {
            "_token": "<?= csrf_token() ?>"
        }
    },
    "columns": [{
            "data": "id",
            "orderable": true
        },
        {
            "data": "invoice_no",
            "orderable": true
        },
        {
            "data": "date",
            "orderable": true
        },
        {
            "data": "branch",
            "orderable": true,
            "orderable": false
        },
        {
            "data": "supplier",
            "orderable": true,
            "orderable": false
        },
        {
            "data": "payment_type",
            "orderable": true
        },
        {
            "data": "subtotal",
            "orderable": true
        },
        {
            "data": "discount",
            "orderable": true
        },
        {
            "data": "grand_total",
            "orderable": true
        },
      
        {
            "data": "status",
            "orderable": false,
            "class": 'text-nowrap',
        },
        {
            "data": "action",
            "class": 'text-nowrap',
            "searchable": false,
            "orderable": false
        },
    ],

    "fnDrawCallback": function() {
        $("[name='my-checkbox']").bootstrapSwitch({
            size: "small",
            onColor: "success",
            offColor: "danger"
        });
    },

});


var buttons = new $.fn.dataTable.Buttons(table, {
    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5',
        'print',
    ]
}).container().appendTo($('#buttons'));
</script>