@extends('portal._layout')

@push('stylesheet')	
	<link rel="stylesheet" href="{{ asset('/') }}global_assets/js/plugins/jquery-smartwizard/dist/css/smart_wizard_arrows.min.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="https://hris.pdam-sby.go.id/js/autocomplete/jquery.autocomplete.css" type="text/css" cache="false">
    <style type="text/css">
		.font-14 {
			font-size: 14px!important;
		}
		.icon-paragraph-justify3:before {
			display:none!important;
		}
		/* svg {
			display: block;
			margin: auto;
			justify-content: center;
		} */
    	.btn-warning {
    		background-color: #a38f00;
    	}
    	.btn-warning:hover {
    		background-color: #7e6f04;
    	}
		.dtrg-level-0{
			font-weight: 600;
		}
		.dtrg-level-1{
			font-weight: 400;
			font-style: italic;
		}
		.dtrg-level-0 td, .dtrg-level-0 th {
			/* border-top-width: 3px!important;
			border-top-style: double!important; */
			/* border-bottom-width: 3px;
			border-bottom-style: double; */
		}
		.dtrg-start{
			background-color: #fafafa!important;
		}
		.dtrg-end{
			/* background-color: #fafafa!important; */
			background-color: rgba(0,0,0,.02)!important;;
		}
		.dtrg-end th , .dtrg-end td{
			background-color: #fafafa!important;
			border-top: 3px double #ddd!important;
			border-bottom: 3px double #ddd!important;
			/* border-top-width: 3px!important;
    		border-top-style: double!important;
			border-bottom-width: 3px!important;
    		border-bottom-style: double!important; */
		}
		.card-img-top {
			/* width: 100%; */
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}
    </style>
@endpush

@section('header') 

@endsection

@section('content') 
<div class="row justify-content-md-center">
	<div class="col-lg-7 text-center">
			<div class="card">
				<div class="card-body font-14">
					<div class="row justify-content-md-center">
						<div class="text-left  p-2">
							{{ $svg }}
						</div>
						<div class="text-left p-2">
							<div class="d-flex landing-title _3-XoE text-danger">
								<span class="mr-2">*) </span>
								<span>
									Hanya bisa digunakan di Aplikasi Personal Asistant <b>Versi 1.46 keatas</b>, 
									<br>Silahkan <b class="text-primary">Update</b> Aplikasi dengan versi yang terbaru.
								</span>
							</div>
							<br>
							<div class="landing-title _3-XoE">Untuk menggunakan Aplikasi Scan:</div>
							<ol class="_2A31C">
								<li class="QtrYx">Buka Aplikasi Personal Asistant di handphone Anda</li>
								<li class="QtrYx">
									<span dir="ltr" class="i0jNr">Ketuk <strong>
										<span dir="ltr" class="i0jNr">Kehadiran </strong> dan pilih <strong>Scan</strong>
									</span>
								</li>
								<li class="QtrYx"><span dir="ltr" class="i0jNr">Ketuk <strong>Tautkan perangkat</strong></span></li><li class="QtrYx">Arahkan telepon Anda ke layar ini untuk memindai kode tersebut</li>
							</ol>
							<br>							
							<div class="landing-title _3-XoE">Untuk melihat riwayat aktifitas Anda:</div>
							<ol class="_2A31C">
								<li class="QtrYx">Buka Aplikasi Personal Asistant di handphone Anda</li>
								<li class="QtrYx">
									<span dir="ltr" class="i0jNr">Ketuk <strong>
										<span dir="ltr" class="i0jNr">Kehadiran </strong> dan pilih <strong>Riwayat</strong> kemudian pilih tab <strong>Scan Log</strong>
									</span>
								</li>
							</ol>
						</div>
					</div>
				</div>
				<div class="card-footer">
					<h3>AKTIVITAS {{ $data_lokasi->keterangan }}</h3>
				</div>
			</div>
	</div>
</div>
@endsection

@push('scripts')
	<script src="{{ asset('global_assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
	<script src="https://cdn.datatables.net/rowgroup/1.1.2/js/dataTables.rowGroup.min.js"></script>
	<script src="{{ asset('global_assets/js/plugins/forms/validation/validate.min.js') }}"></script>
	
	<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>

	<script src="{{ asset('global_assets/js/plugins/extensions/rowlink.js') }}"></script>	
	<script src="{{ asset('global_assets/js/plugins/forms/selects/select2.min.js') }}"></script>
    <script src="{{ asset('global_assets/js/plugins/notifications/jgrowl.min.js') }}"></script>  
    <script src="https://hris.pdam-sby.go.id/js/autocomplete/jquery.autocomplete.js" cache="false"></script>
	<!-- <script src="{{ asset('global_assets/assets/js/app.js') }}"></script> -->
	<script src="{{asset('global_assets/js/plugins/sweetalert/sweetalert2.all.min.js')}}"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
	<script type="text/javascript">
		function JSON2CSV(objArray) {
			var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;
			var str = '';
			var line = '';
			// header
			var head = array[0];
			for (var index in array[0]) {
				var value = index + "";
				line += '"' + value.replace(/"/g, '""') + '",';
			}
			line = line.slice(0, -1);
			str += line + '\r\n';

			// data
			for (var i = 0; i < array.length; i++) {
				var line = '';
				for (var index in array[i]) {
					var value = array[i][index] + "";
					line += '"' + value.replace(/"/g, '""') + '",';
				}
				line = line.slice(0, -1);
				str += line + '\r\n';
			}
			return str;
		}
		function newexportaction(e, dt, button, config) {
			var self = this;
			var oldStart = dt.settings()[0]._iDisplayStart;
			dt.one('preXhr', function (e, s, data) {
				// Just this once, load all data from the server...
				data.start = 0;
				data.length = 2147483647;
				dt.one('preDraw', function (e, settings) {
					// Call the original action function
					if (button[0].className.indexOf('buttons-copy') >= 0) {
						$.fn.dataTable.ext.buttons.copyHtml5.action.call(self, e, dt, button, config);
					} else if (button[0].className.indexOf('buttons-excel') >= 0) {
						$.fn.dataTable.ext.buttons.excelHtml5.available(dt, config) ?
							$.fn.dataTable.ext.buttons.excelHtml5.action.call(self, e, dt, button, config) :
							$.fn.dataTable.ext.buttons.excelFlash.action.call(self, e, dt, button, config);
					} else if (button[0].className.indexOf('buttons-csv') >= 0) {
						$.fn.dataTable.ext.buttons.csvHtml5.available(dt, config) ?
							$.fn.dataTable.ext.buttons.csvHtml5.action.call(self, e, dt, button, config) :
							$.fn.dataTable.ext.buttons.csvFlash.action.call(self, e, dt, button, config);
					} else if (button[0].className.indexOf('buttons-pdf') >= 0) {
						$.fn.dataTable.ext.buttons.pdfHtml5.available(dt, config) ?
							$.fn.dataTable.ext.buttons.pdfHtml5.action.call(self, e, dt, button, config) :
							$.fn.dataTable.ext.buttons.pdfFlash.action.call(self, e, dt, button, config);
					} else if (button[0].className.indexOf('buttons-print') >= 0) {
						$.fn.dataTable.ext.buttons.print.action(e, dt, button, config);
					}
					dt.one('preXhr', function (e, s, data) {
						// DataTables thinks the first item displayed is index 0, but we're not drawing that.
						// Set the property to what it was before exporting.
						settings._iDisplayStart = oldStart;
						data.start = oldStart;
					});
					// Reload the grid with the original page. Otherwise, API functions like table.cell(this) don't work properly.
					setTimeout(dt.ajax.reload, 0);
					// Prevent rendering of the full data to the DOM
					return false;
				});
			});
			// Requery the server with the new one-time export settings
			dt.ajax.reload();
		};
		$(document).ready(function() {
			
			var formModal 	= $('#ItemForm');			
			var arrSumCol 	= [4,5];
			var arrNameCol 	= {
				4 	: "pemkwh", 
				5	: "rptag"
			};
			var arrFormatCol 	= [5];
			var sumtotalTarif = 0;

			$('#table_inbox thead tr').clone(true).appendTo( '#table_inbox thead' );
			$('#table_inbox thead tr:eq(0)').addClass('_radius-0 bg-primary _d-none');
			$('#table_inbox thead tr:eq(1) th').each( function (i) {
				if( $(this).hasClass( "search" ) ){
					var title = $(this).text();
					if( $(this).hasClass( "text-right" ) ){					
						$(this).html( '<input type="text" class="form-control text-right" placeholder="Search" />' );
					}
					else{					
						$(this).html( '<input type="text" class="form-control" placeholder="Search" />' );
					}
					$( 'input', this ).on( 'keypress', function () {
						if (event.which == 13) {
							if ( table.column(i).search() !== this.value ) {
								table
									.column(i)
									.search( this.value )
									.draw();
							}
						}
					} );
				}
				else {
					$(this).html( '<input type="text" class="form-control" placeholder="" disabled />' );
				}
			} );
			var table = 
			$('#table_inbox')    
			.on( 'processing.dt', function ( e, settings, processing ) {
				var $target = $(this),
					block = $target.closest('.card');	
				if(processing){ blockui(block); } 
				else { unblockui(block); }
			})
			.DataTable({       
				autoWidth 	: false,
				"pageLength": 50,
				dom 		: 	
					"<'_datatable-scroll'tr>"+
					"<'row mr-3 mt-3 px-2'<'col-sm-12 col-md-6 d-flex align-items-center'l<'ml-auto'iB>><'col-sm-12 col-md-6'p>>",
				processing  : true,
				serverSide  : true,
                ajax 		: "{{ route('rekening.index') }}",
				"ordering"	: false,
				buttons: [
					{
						text		: 'Export XLS',
						className 	: 'download-xls d-none btn btn-primary btn-sm mr-2',
						extend 		: 'excelHtml5',
						"action"	: newexportaction,
						// autoFilter	: true
					},
					{
						text		: 'Export CSV',
						className 	: 'download-csv d-none btn btn-primary btn-sm',
						action 		: function (e, dt, buttons, config) {
							$.ajax({
								"url" 		: "{{ route('rekening.index') }}",
								"data"		: dt.ajax.params(),
								"success"	: function(res, status, xhr) {
									var csv = JSON2CSV(JSON.stringify( res.data ));
									var csvData = new Blob( [ csv ] , { type: 'text/csv;charset=utf-8;'} );
									var csvURL = window.URL.createObjectURL(csvData);
									var tempLink = document.createElement('a');
									tempLink.href = csvURL;
									tempLink.setAttribute('download', 'export.csv');
									//console.log(tempLink);
									tempLink.click();
								}
							});
						}
					}
				],
				columns 	: [						
					// { 	data: 'blth', className:'_w-25 text-truncate text-left text-primary font-italic', name: 'blth' }, 	
					{
						"data": "blth",
						render: function (data, type, row, meta) {
							return meta.row + meta.settings._iDisplayStart + 1;
						}
					},
					{ 	data: 'idpel', className:'_w-25 text-truncate text-left _font-weight-semibold', name: 'idpel' }, 	
					{ 	data: 'nama', className:'_w-25 text-truncate text-left _font-weight-semibold', name: 'nama' },     
					// {	data: 'tglbayar', className:'_w-20 text-truncate text-center', name: 'tglbayar'}, 
					{ 	data: null, className:'w-100px text-center',  name: 'tglbayar', 
						"searchable": false, defaultContent: "", 
						render: function(data, type, row, meta) {
							var label = '';
							if ( data.tglbayar && data.tglbayar !== '1970-01-01' && data.tglbayar !== '0000-00-00' ){
								label += moment(data.tglbayar).format('DD/MM/YYYY');
							} else {
								label = '-';
							}
							return label;
						} 
					},				 
					{	data: null, className:'text-right', name: 'pemkwh' , 
						defaultContent: "", "orderable": false ,  
						render: function(data, type, row, meta) {
							var label = numeral(data.pemkwh).format('0,');
							return label;
						} 
					},       				 
					// { 	data: 'rptag', className:'_w-25 text-truncate text-left', name: 'rptag' },	
					{	data: null, className:'text-right', name: 'rptag' , 
						defaultContent: "", "orderable": false ,  
						render: function(data, type, row, meta) {
							var label = numeral(data.rptag).format('0.0,');
							return label;
						} 
					},   
					{ 	data: 'action', 
						className:'text-center rowlink-skip', 
						orderable:false, 
						"searchable": false },
				],
				columnDefs : [
					// {
					// 	// The `data` parameter refers to the data for the cell (defined by the
					// 	// `data` option, which defaults to the column being worked with, in
					// 	// this case `data: 0`.
					// 	render: function (data, type, row) {
					// 		if (data) {
					// 			return data + ' (' + row.penerima_nama + ') <br> <span class="text-muted">'+row.bagian_nama+'</span>';
					// 		}

					// 		return '-';
					// 	},
					// 	targets: 1,
					// },
					// { visible: false, targets: [0] },
				],				
				rowGroup: {
					dataSrc: ['blth'],
					endRender: function (rows, group) {     
						var totalTarif = new Array(); 
						var container = $('<tr/>');
						container.append('<td colspan= "4" class="text-right"> Total (' + group + ')</td>');
						var i;

						for (i = 4; i < table.columns().header().length; i++) {
							if ( arrSumCol.includes(i)   ){
								var nominal = rows
									.data().pluck( arrNameCol[i] ).reduce( function ( a, b ) {
									if ( typeof a === 'string' ) {
										a = a.replace(/[^\d.-]/g, '') * 1;
									}
									if ( typeof b === 'string' ) {
										b = b.replace(/[^\d.-]/g, '') * 1;
									}
									return a + b;
								}, 0 );

								if (typeof totalTarif[i] == 'undefined') {
									totalTarif[i] = new Array();
								}

								totalTarif[i] = +parseFloat(totalTarif[i] + nominal);
								if ( arrFormatCol.includes(i) ){ 
									container.append('<td class="text-right">' + numeral(nominal).format('0.0,') + '</td>');
								}
								else{
									container.append('<td class="text-right">' + numeral(nominal).format('0,') + '</td>');
									// container.append('<td class="text-right">' + nominal + '</td>');
								}
							}
							else {
								container.append('<td></td>');
							}
						}

						sumtotalTarif += totalTarif[4];
						return $(container)
					},
				},
				"drawCallback": function( settings ) {  
					   
					// var that = this;
					// if (settings.bSorted || settings.bFiltered) {
					// 	this.$('tr:not(.dtrg-group) td:first-child', {
					// 		"filter": "applied"
					// 	}).each(function (i) {
					// 		that.fnUpdate(i + 1, this.parentNode, 0, false, false);
					// 	});
					// }          

					var api = this.api();	            
					api.$('td').not( ".NoClick" ).css('cursor','pointer');
					api.$('td a').ripple(); 

					$('.dataTables_length select').select2({
						minimumResultsForSearch: Infinity,
						dropdownAutoWidth: true,
						width: 'auto',
						dropdownParent: $('#table_inbox')
					});
				},
				initComplete: function () {}
			});

			// table.on('order.dt search.dt', function () {
			// 	let i = 1;		
			// 	table.cells(null, 0, { search: 'applied', order: 'applied' }).every(function (cell) {
			// 		this.data(i++);
			// 	});
			// }).draw();

			// $('#table_inbox tbody').on( 'click', 'tr td', function (e){
			// 	e.preventDefault();
			// 	show_pBar('Loading');
			// 	var _href 	= $(this).parent('tr').find('.memorandum_view').attr('href');
			// 	location.href = _href;
			// 	hide_pBar();
			// 	return false;
			// });

			//Add Kapal
			
			//$('#ajaxModal').on('hidden.bs.modal', function (event) {
				// $('#modal-content').empty();
			//});
			
			// $('body').on('click', '#addKapal', function(e){
			// 	$('#modal-content').load( "{{-- route('rekening.kapal.add') --}}" ,
			// 		function(data, status, jqXGR) { 
			// 			$('#modelHeading').html("Tambah Data Kapal");
			// 			$('#ajaxModal').modal('show'); 
			// 	});
			// 	e.stopPropagation();
			// });

			// show_pBar();
        	// setTimeout(function(){ hide_pBar(); }, 1000);
						
			$(".download-file-xls").on("click", function() {
				table.button( '.download-xls' ).trigger();
			});
			$(".download-file-csv").on("click", function() {
				table.button( '.download-csv' ).trigger();
			});

			// reset form ketika klik tombol tambah
            $(".add-rekening").on("click", function() {
				$('#ItemForm').find('input[name=pln_file_type]').val('');
				$('#ItemForm').find('input[name=pln_file]').val('');
				$('#ItemForm').trigger("reset");
                $('#modelHeading').html("Form Upload Rekening PLN");
                $('#ajaxModalUpload').modal('show');
            });

            //simpan 
            $('#saveBtnEdit').click(function(e) {
                e.preventDefault();
        	    var formdataEdit = $('#ItemFormEdit').serializeArray();
        	    //formdataEdit.push({name:'spbu_nama', value:$('#ItemForm').find('select[name=spbu_id] option:selected').text()});
        	    $.ajax({
        	        url 		: "{{ route('rekening.store') }}",
        	        type 		: "POST",
        	        data 		: $.param(formdataEdit),
        	     	//data 		: $('#ItemForm').serialize(),
        	        dataType 	: 'json',
                    success 	: function(data) {
                        $('#ItemFormEdit').trigger("reset");
                        $('#ajaxModalEdit').modal('hide');
                        Swal.fire(
			 		      'Berhasil!',
			 		      'Data telah berhasil disimpan.',
			 		      'success'
			 		    );
                        table.draw();
                    },
                    error 		: function(xhr, status, error) {
			 			var err = JSON.parse(xhr.responseText);
			 			//console.log(err.Message);
						$('#saveBtnEdit').html('Save Changes');
					}
				});
			});
			
				
			formModal.validate({
				//label
					ignore: 'input[type=hidden], .select2-search__field, :not(:visible)', 
					errorClass: 'validation-invalid-label',
					successClass: 'validation-valid-label',
					validClass: 'validation-valid-label',
					highlight: function(element, errorClass) {
						$(element).removeClass(errorClass);
					},
					unhighlight: function(element, errorClass) {
						$(element).removeClass(errorClass);
					},
					errorPlacement: function(error, element) {
						if (element.parents().hasClass('form-check')) {
							error.appendTo( element.parents('.form-check').parent() );
						}
						else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
							error.appendTo( element.parent() );
						}
						else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
							error.appendTo( element.parent().parent() );
						}
						else {
							error.insertAfter(element);
						}
					}
			});
			
			formModal.on('submit', function(e){
				e.preventDefault();	
				show_mpBar("Processing");	
				if(! $(this).valid()) {
					hide_mpBar();
					Swal.fire(
						'<span class="text-danger">Peringatan!</span>',
						'Data belum Valid, Silahkan cek kembali data isian Anda!!!',
						'warning'
					);	
					// l.stop();
					return false;
				}
				var data = new FormData(this);
				$.ajax({
					url 		: "{{ route('rekening.store') }}",
					type		: 'POST',
					data		: data,
					contentType	: false,
					cache		: false,
					processData	: false,
				})
				.done(function(response) {
					append_pBar(response.content);				
					Swal.fire({
						icon 	: 'warning',
						title 	: response.title,
						html 	: response.content,
					});
					table.draw();			
					setTimeout(function(){ 
						hide_mpBar();
						$('#ajaxModalUpload').modal('hide');
					 }, 500);	
					//  l.stop();
				})
				.fail(function(jqXHR, textStatus, error) {	
					hide_mpBar();
					Swal.fire({
						icon 	: 'warning',
						title 	: 'Peringatan!',
						html 	: error,
					});
					// l.stop();
				});
				e.stopPropagation();
				return false;
			});	
			
			$('body').on('click', '#saveBtn', function(e){
				e.preventDefault();	
				formModal.submit();	
				e.stopPropagation();
				return false;
			});

            //pencarian data di kolom pegawai
            var autoList = $('input[name=penerima]').autocomplete({
		        serviceUrl: "{{route('pegawai.autocomplete')}}",
		        delimiter: /(,|;)\s*/,
		        maxHeight:400,
		        zIndex: 9999,
		        deferRequestBy: 0,
		        noCache: false,
		        onSelect: function(suggestion) {
					console.log(suggestion);
		            $(this).removeClass('autocomplete-loading');
		            $(this).val(suggestion.value);
		            $('#ItemForm').find('input[name=penerima_nip]').val(suggestion.nip);
		            $('#ItemForm').find('input[name=penerima_nama]').val(suggestion.nama);
		            $('#ItemForm').find('input[name=penerima_jabatan]').val(suggestion.jabatan);
		            $('#ItemForm').find('input[name=penerima_jabatan_id]').val(suggestion.jabatan_id);
		            $('#ItemForm').find('input[name=bagian_id]').val(suggestion.bagian_id);
		        }
		    });

            $('body').on('click', '.editItem', function(){
                //$('.switchery').prop('checked', false).trigger("click").change();
				$('#ItemFormEdit').trigger("reset");
                $('#modelHeadingEdit').html("Form Edit Data Pembayaran PLN");

                $('.opt_file_upload').show();		
                $('.add_file_upload').hide();			
                $('.view_file_upload').show();
                var recid = $(this).data('id');
                console.log(recid);
                $.get("{{ route('rekening.index') }}" + '/' + recid + '/edit', function(data) {
					console.log(data);
                    $('#saveBtnEdit').val("edit-rekening");
                    $('#ajaxModalEdit').modal('show');

                    $('#ItemFormEdit #recid').val(recid);
					$('#kodepel').val(data.kode);
					$('#namapel').val(data.nama);
					$('#alamatpel').val(data.alamat);
					$('#unitup').val(data.unitup);
					$('#blth').val(data.blth);
					$('#trf').val(data.trf);
					$('#daya').val(data.daya);
					$('#gol').val(data.gol);
					$('#frt').val(data.frt);
					$('#fjn').val(data.fjn);
					$('#kdin').val(data.kdin);
					$('#kdout').val(data.kdout);
					$('#rptag').val(data.rptag);
					$('#rpbk').val(data.rpbk);
					$('#tgkoreksi').val(data.tgkoreksi);
					$('#tglbayar').val(data.tglbayar);
					$('#wktbyr').val(data.wktbyr);
					$('#kdpp').val(data.kdpp);
					$('#slalwbp').val(data.slalwbp);
					$('#sahlwbp').val(data.sahlwbp);
					$('#slawbp').val(data.slawbp);
					$('#sahwbp').val(data.sahwbp);
					$('#slakvarh').val(data.slakvarh);
					$('#sahkvarh').val(data.sahkvarh);
					$('#fakm').val(data.fakm);
					$('#pemkwh').val(data.pemkwh);
					$('#rpbeban').val(data.rpbeban);
					$('#rplwbp').val(data.rplwbp);
					$('#rpwbp').val(data.rpwbp);
					$('#rpblok3').val(data.rpblok3);
					$('#rpkvarh').val(data.rpkvarh);
					$('#rpptl').val(data.rpptl);
					$('#rpmat').val(data.rpmat);
					$('#rpppn').val(data.rpppn);
					$('#rpbpju').val(data.rpbpju);
					$('#rpangs').val(data.rpangs);
					$('#trafo').val(data.trafo);
                })
            });

            $('body').on('click', '.deleteItem', function() {
            	// alert('Maaf fitur ini masih dikembangkan.');
                var recid = $(this).data("id");

            	Swal.fire({
				  	title: 'Apakah anda yakin?',
				  	text: "Anda akan menghapus data ini.",
				  	icon: 'warning',
				  	showCancelButton: true,
				  	confirmButtonColor: '#3085d6',
				  	cancelButtonColor: '#d33',
				  	confirmButtonText: 'Ya, hapus!'
				}).then((result) => {
				  	if (result.isConfirmed) {
				    	$.ajax({
		                    type: "DELETE",
		                    url: "{{ route('rekening.store') }}" + '/' + recid,
		                    success: function(data) {
		                    	Swal.fire(
							      'Berhasil!',
							      'Data telah berhasil dihapus.',
							      'success'
							    );
		                        table.draw();
		                    },
		                    error: function(data) {
		                        console.log('Error:', data);
		                    }
		                });
				  	}
				})

                // confirm("Are You sure want to delete !");

                // $.ajax({
                //     type: "DELETE",
                //     url: "{{ route('rekening.store') }}" + '/' + recid,
                //     success: function(data) {
                //         table.draw();
                //     },
                //     error: function(data) {
                //         console.log('Error:', data);
                //     }
                // });
            });

			$('.select2-modal').select2({
				minimumResultsForSearch: Infinity,
				dropdownAutoWidth: true,
				width: 'auto',
				// dropdownParent: $('#table_inbox')
			});
            //$(".add-rekening").click();

		});
	</script>
@endpush