const bankSelect = document.getElementById('bank_name_select');
const bankLainnyaInput = document.getElementById('bank_name_input');
var bankselectname = new Cleave('#bank_account_number', {
			blocks: [20], 
			numericOnly: true, 
			delimiter: ' ', 
		});
  // Tampilkan input field Bank Lainnya jika "Bank Lainnya" dipilih
  bankSelect.addEventListener('change', function() {
    if (bankSelect.value == 'Mandiri') {
		bankLainnyaInput.style.display = 'none';
		bankselectname.destroy();
		bankselectname = new Cleave('#bank_account_number', {
			blocks: [13], 
			numericOnly: true, 
			delimiter: ' ', 
		});
    } else if(bankSelect.value == 'BCA') {
		bankLainnyaInput.style.display = 'none';
		bankselectname.destroy();
		bankselectname = new Cleave('#bank_account_number', {
			blocks: [10], 
			numericOnly: true, 
			delimiter: ' ', 
		});
	} else if (bankSelect.value == 'Lainnya') {
      bankLainnyaInput.style.display = 'block';
	  bankselectname.destroy();
	  bankselectname = new Cleave('#bank_account_number', {
		blocks: [20], 
		numericOnly: true, 
		delimiter: ' ', 
	  });
    }
  });
  
$('#bank_account-table').DataTable().clear().destroy();


    var table_table = $('#bank_account-table').DataTable({
        initComplete: function () {
            this.api().columns([0]).every(function () {
                var column = this;
                var select = $('<select><option value=""></option></select>')
                    .appendTo($(column.footer()).empty())
                    .on('change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );

                        column
                            .search(val ? '^' + val + '$' : '', true, false)
                            .draw();
                    });

                column.data().unique().sort().each(function (d, j) {
                    select.append('<option value="' + d + '">' + d + '</option>');
                    $('select').selectpicker('refresh');
                });
            });
        },
        responsive: true,
        fixedHeader: {
            header: true,
            footer: true
        },
        processing: true,
        serverSide: true,
        ajax: {
            url: "