$(document).ready(function() {
	//setFormValidation('#topupForm');
	component.initFile();
	
	var tblTopupList = $('#tblTopupList').DataTable({
		"processing": true,
	    "serverSide": true,
	    'destroy' : true,
		'sDom': 'lrtip',
	    "columns": [
				{ "data": null, "orderable" : false},
				{ "data": "status", 
	            	"render": function ( data, type, row ) { 
	            		var color;
						var statusDesc;
						var status;
						if (data.statusCd == 'INP') {
							statusDesc = data.statusDesc;
							color = 'badge-warning';
						} else if (data.statusCd == 'APR') {
							statusDesc = data.statusDesc;
							color = 'badge-success';
						} else if (data.statusCd == 'REJ') {
							statusDesc = data.statusDesc;
							color = 'badge-danger';
						} else if (data.statusCd == 'CCL') {
							statusDesc = data.statusDesc;
							color = 'badge-secondary';
						}
						status = "<span class='badge " + color + "'>" + statusDesc + "</span>";
						return status;
	            	}
	            },
				{ "data": "payment.paymentRefNo", 
	            	"render": function ( data, type, row ) {
						if(data){
	            			return data;
						}else{	
							return "-";
						}
	            	}
				},
				{ "data": "approvedDt", 
	            	"render": function ( data, type, row ) {
						if(data){
	            			return data;
						}else{	
							return "-";
						}
	            	}
	            },
				{ "data": "amount", 
	            	"render": function ( data, type, row ) {
						if(data){
	            			return data;
						}else{	
							return "-";
						}
	            	}
	            },
				{ "data": "status", "orderable" : false,
	            	"render": function ( data, type, row) {
						var buttons = action.viewButton;
						if (data.statusCd == 'INP') {
							buttons = buttons + action.abortButton;
						}
						return buttons;
					}
	            },
	     ],
		"ajax": $.fn.dataTable.pipeline({
			"pages" : 1,
        	"type" : "GET",
            "url": contextPath + "/topup/topupList/paginated",
            "action": 'xhttp',
            'beforeSend': dtRequestHeader,
            "dataSrc": dtDataSrc,
			"data": function ( data ) {
            	data.bankRefNo = $('input#bankRef').val();
				data.status = $('#statusType').val();
            },
            "error": function(){  // error handling
            	console.log("error");
            }
      	 }),
      	"initComplete": function(settings, json) {
      		$('#searchFilter').bind('click', function(e) {
            	portalUtil.showMainLoading(true);
            	tblTopupList
            	.column(2).search($('input#bankRef').val())
				.column(1).search($('#statusType').val())
                tblTopupList.draw();
            	$(".em-toggle").click();
            });
            $('#clearFilter').bind('click', function(e) {
            	$('input#bankRef').val("")
				$("#statusType").val("").select2();
            	tblTopupList.columns().search("").draw();
            	$(".em-toggle").click();
            });
        },
      	
      	"fnDrawCallback": function ( oSettings ) { 
			processRowNum(oSettings,0); 
			/*$('[data-toggle="tooltip"]').tooltip();*/
			hidePagination(this,"#tblTopupList"); 
			portalUtil.showMainLoading(false);
		} 
	});
	
	$('#tblTopupList tbody').on( 'click', 'button.view', function () {	
        var d = tblTopupList.row( $(this).parents('tr') ).data();
	 	location.href = contextPath + "/topup/view?payRefNo=" + d.payment.paymentRefNo;
    });

	$('#tblTopupList tbody').on( 'click', 'button.deactivate', function () {	
        var d = tblTopupList.row( $(this).parents('tr') ).data();
		Swal.fire({
			title: 'Are you sure ?',
			text: 'Do you want to cancel the topup application?',
			type: 'question',
			showCancelButton: true,
			showConfirmButton: true,
			cancelButtonText: 'Cancel',
			confirmButtonText: 'Yes',
			allowOutsideClick: false,
			allowEscapeKey: false,
			cancelButtonColor: '#999999',
			confirmButtonColor: '#4CAF50'
		}).then((result) => {
			if (result.value) {
				portalUtil.showMainLoading(true);
				$.ajax({
					headers : {
						'X-CSRF-Token' : csrf_token
					},
			        url     : contextPath + '/topup/cancel',
			        type    : 'post',
					action : 'xhttp',
			        data: { 
					    payRefNo: d.payment.paymentRefNo
				  	},
			        success : function(data) {
						Swal.fire({
							text: 'Sucessfully cancelled topup application',
							type: 'success',
							allowOutsideClick: false,
							allowEscapeKey: false,
						})
						.then(function (result) {
						    if (result.value) {
						        window.location = contextPath + '/topup';
						    }
						});
			        }
				}).done(function() {
			   		portalUtil.showMainLoading(false);
				});
			} else if (result.dismiss === swal.DismissReason.cancel) {
				return false;
			}
		});
    });
	
	$(".input-currency").each(function() {
		var val = $(this).val();
		if ($(this).val().indexOf('.') >= 0) {
			val = val.split('.')[0];
		}
		$(this).val(val);
	});

	$(".input-currency").on('keypress', function(e) {
		var value = $(this).val();
		alert("currencyMax  ::: "+currencyMax);
		var remain = parseInt(currencyMax - value.length);
		if (remain == 0) {
			var keyCode = (e.keyCode ? e.keyCode : e.which);
			if (keyCode > 47 && keyCode < 58 || keyCode > 95 && keyCode < 107) {
				e.preventDefault();
			}
		}
	});

	$(".input-currency").on('blur', function() {
		var x = $(this).val();
		// Add comma
		x = x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
		$(this).val(x);
	});
	
	// Past Date Picker
	$(".pastDtPicker").each(function(index, domEle) {
		var value = $(this).val();
		var id = $(this).attr('id');
		$("#" + id).datetimepicker({
			format: 'DD/MM/YYYY',
			minDate: new Date(new Date().getFullYear() - 60, 01 - 1, 25),
			maxDate: new Date(),
			defaultDate: false,
			icons: {
				time: "fa fa-clock-o",
				date: "fa fa-calendar",
				up: "fa fa-arrow-up",
				down: "fa fa-arrow-down",
				previous: "fa fa-chevron-left",
				next: "fa fa-chevron-right",
				today: "fa fa-clock-o",
				clear: "fa fa-trash-o"
			},
			widgetPositioning: {
				horizontal: 'right',
				vertical: 'auto'
			}
		}).val(value)
	});	
	
	if ($("#remarks").length > 0) {
        tinymce.init({
            selector: "textarea#remarks",
            theme: "modern",
            height: 100,
			menubar: ' ',
			force_br_newlines: false,
			force_p_newlines: false,
			forced_root_block: '',
        });
    }
});

var formsubmit  = 0;
$("form").submit(function() {
	
/*	var fileInput = "uploadDocsBankslip0.file.filename";
	
	console.log("filename : " + $("#"+fileInput).val());
	if ($("#"+fileInput).val() != null || $("#"+fileInput).val() != '') {
		document.getElementById("lblDocRequired").style.display = null;
		return false;
	}
	else{
		document.getElementById("lblDocRequired").style.display = "none";
	}*/
	
	if($('form').attr('id') == "topupForm"){
		if($("form").valid()){
			if( formsubmit == 1 ){
				return true;
			}
			else{
				swal({ 
				    title:'Submit Transaction Details ?',
					text: 'Please check details entered before continue',
					type: 'question',
				    showCancelButton: true,
					showConfirmButton: true,
					cancelButtonText: 'Cancel',
					confirmButtonText: 'Yes',
					allowOutsideClick: false,
					allowEscapeKey: false,
					cancelButtonColor: '#999999',
					confirmButtonColor: '#4CAF50'
				  }).then(result => {
				    if (result.value == true ) {
						formsubmit = 1;
						$("form").submit();
				    } 
					else {
						return false;		
				    }
				    swal.closeModal();
				  });
				return false;
			}
		}
	}
});

function onSubmitApproval(){
	var statusCd = $("input[name='status']:checked").val();
	var statusDesc;
	if (statusCd == undefined) {
		document.getElementById("lblStatusRequired").style.display = null;
		return false;
	}
	else {
		document.getElementById("lblStatusRequired").style.display = "none";
	}
	if(statusCd == "REJ"){
		statusDesc = "Reject";
		//check if remarks is empty
		var content = $.trim(tinyMCE.get('remarks').getContent({format: 'text'}));
		if(content.length == 0){
			document.getElementById("lblRemarksRequired").style.display = null;
		   	return false;
		}
	}
	else{
		statusDesc = "Appprove";
	}
	document.getElementById("lblRemarksRequired").style.display = "none";
	Swal.fire({
		title: 'Are you sure ?',
		text: 'Do you want to ' + statusDesc +' this Top-up Application?',
		type: 'question',
		showCancelButton: true,
		showConfirmButton: true,
		cancelButtonText: 'Cancel',
		confirmButtonText: 'Yes',
		allowOutsideClick: false,
		allowEscapeKey: false,
		cancelButtonColor: '#999999',
		confirmButtonColor: '#4CAF50'
	}).then((result) => {
		if (result.value) {
			$("form").submit();
		} else if (result.dismiss === swal.DismissReason.cancel) {
			return false;
		}
	});
}


function onChangePaymentType(e) {
	$("#trxnRefNo").attr('required', true);
	$("#paymentdate").attr('required', true);
	$("#bankName").attr('required', true);
		
	var selectedIndex = e.value;
	if (selectedIndex == 'on') {
		var button_text = document.getElementById('onlinePymntBlock').innerText;
		$('#offLinePymntBlock').hide();
		
		$("#trxnRefNo").attr('required', false);
		$("#paymentdate").attr('required', false);
		$("#bankName").attr('required', false);
		
	} else {
		$('#offLinePymntBlock').show();
	}
}

$("form").submit(function() {
	$('#payRadioError').hide();
	
			Swal.fire({
				text: 'Are you sure you want to proceed the Payment?',
				type: 'question',
				showCancelButton: true,
				showConfirmButton: true,
				cancelButtonText: 'Cancel',
				confirmButtonText: 'Yes',
				allowOutsideClick: false,
				allowEscapeKey: false,
				cancelButtonColor: '#999999',
				confirmButtonColor: '#4CAF50'
			}).then((result) => {
				if (result.value) {
					document.forms['topupForm'].submit();
				} else if (result.dismiss === swal.DismissReason.cancel) {
					return false;
				}
			});
			return false;
		
	
});