function edit_data(){
	let param = new FormData();
	param.append('form_action','5');
	$.post(folder+'db.php',param).done(function(data){
		console.log(data);
		obj = jQuery.parseJSON(data);
		$.each(obj,function(index,value){
			$('#'+index).val(value);
		});
	});
}
function showPass(id){
		if ($('#'+id).attr("type") == "password") {
			$('#'+id).removeAttr("type");
			$('#'+id).attr("type", "text");
		} else {
			$('#'+id).removeAttr("type");
			$('#'+id).attr("type", "password");
		}
}
$(function(){
$('#po').click(function(){showPass('password_old');});
$('#pn').click(function(){showPass('password_new');});
$('#pcc').click(function(){showPass('password_new2');});

	edit_data();
	var $invalidClass = 'brc-danger-tp2'
	var $validClass = 'brc-info-tp2'
	
	$('#frm-main').validate({
		errorElement: 'p',
		errorClass: 'form-text form-error text-danger-m2',
		focusInvalid: false,
		ignore: "",
		rules: {
			password_old: {
				required: true,
				minlength: 10,
			},
			password_new: {
				required: true,
				minlength: 10,
			},
			password_new2: {
				required: true,

				equalTo:"#password_new"
			},
		},
		messages: {
			password_old: {
				required: $('#password_old').attr('placeholder'),
				minlength: "กรอกรหัสผ่านอย่างน้อย 10 หลัก",
			},
			password_new: {
				required: $('#password_new').attr('placeholder'),
				minlength: "กรอกรหัสผ่านอย่างน้อย 10 หลัก",
			},
			password_new2: {
				required: $('#password_new2').attr('placeholder'),
				equalTo: "รหัสผ่านไม่ตรงกัน",
				
			},				
		},
		highlight: function (element) {
			var $element = $(element);
			
			//remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
			$element.closest('.form-group').find('.form-text').remove()
			
			if( $element.is('input[type=checkbox]') || $element.is('input[type=radio]') ) return
			
			else if( $element.is('.select2')) {
				var container = $element.siblings('[class*="select2-container"]')
				container.find('.select2-selection').addClass( $invalidClass )
			}
			else if( $element.is('.chosen')) {
				var container = $element.siblings('[class*="chosen-container"]');
				container.find('.chosen-choices, .chosen-single').addClass( $invalidClass )
				}else {
				$element.addClass($invalidClass + ' d-inline-block').removeClass( $validClass )
			}
		},
		
		success: function (error, element) {
			var parent = error.parent()
			var $element = $(element)
			
			$element.removeClass( $invalidClass )
			.closest('.form-group').find('.form-text').remove()
			
			if ($element.is('input[type=checkbox]') || $element.is('input[type=radio]')) return
			
			else if( $element.is('.select2')) {
				var container = $element.siblings('[class*="select2-container"]')
				container.find('.select2-selection').removeClass($invalidClass)
			}
			else if( $element.is('.chosen')) {
				var container = $element.siblings('[class*="chosen-container"]')
				container.find('.chosen-choices, .chosen-single').removeClass($invalidClass)
			}
			
			else {
				$element.addClass($validClass + ' d-inline-block')
			}
			
			// append 'fa-check' icon
			parent.append('<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>')
		},
		
		errorPlacement: function (error, element) {
			// prepend 'fa-exclamation-circle' icon
			error.prepend('<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>')
			
			if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) {
				element.closest('div[class*="col-"]').append(error)
			}
			else if(element.is('.select2')) {
				var container = element.siblings('[class*="select2-container"]')
				error.insertAfter(container)
				container.find('.select2-selection').addClass($invalidClass)
			}
			else if(element.is('.chosen')) {
				var container = element.siblings('[class*="chosen-container"]')
				error.insertAfter(container)
				container.find('.chosen-choices, .chosen-single').addClass($invalidClass)
			}
			else {
				error.addClass('d-inline-block').insertAfter(element)
			}
		},
		
		submitHandler: function (form) {
			$('#show_data').empty();
			let param=new FormData(document.getElementById('frm-main'));			
			$.post(folder+'db.php',param)
			.done(function(data){
				console.log(data);
				//$('#results').html(data);
				obj=jQuery.parseJSON(data);
				if(obj['result']=='true'){
					ms="<div class='bgc-success-d1 text-white px-3 pt-3'>";
					ms+="<div class='border-2 brc-white px-3 py-25 radius-round'>";
					ms+="<i class='fa fa-check text-150'></i>";
					ms+="</div></div>";
					ms+="<div class='p-3 mb-0 flex-grow-1'>";
					ms+="<h4 class='text-130'>Success</h4>";		
					if($('#form_action').val()==1){
						ms+="บันทึกข้อมูลเรียบร้อยแล้ว";
						}else{
						ms+="แก้ไขข้อมูลเรียบร้อยแล้วครับ";
					}
					ms+="</div>";
					ms+="<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
					$.aceToaster.add({
						placement: 'tc',
						body:  ms,
						width: 420,
						delay: 5000,
						close: false,
						className: 'bgc-white-tp1 shadow border-0',
						bodyClass: 'd-flex border-0 p-0 text-dark-tp2',
						headerClass: 'd-none',
					});
					$('#password_old').val('');
					$('#password_new').val('');
					$('#password_new2').val('');
					}else{
							$('#password_old').val('');
							$('#password_new').val('');
							$('#password_new2').val('');
							$.aceToaster.add({
								placement: 'tc',
								title: 'พบข้อผิดพลาด',
								body: '\
								<div class="bgc-danger-d2 px-3 py-3 radius-round ml-1 mr-3 mb-3 float-left">\
								<i class="fa fa-check text-140 text-white mx-1px"></i>\
								</div>\
								<h4>'+obj['message']+'</h4>\
								<p>กรุณากรอกใหม่ด้วยครับ</p>\
								<hr class="my-3" />',
		
								width: '450px',
								delay: 3500,
								belowNav: true,
								progress: 'position-bl bgc-black-tp6 py-2px m-1px',
		
								closeClass: 'btn btn-bgc-tp border-0 btn-light-danger btn-xs px-2 py-1px m2-px radius-1 text-100 font-normal position-tr mt-2px mr-2px',
		
								//icon: '<i class="fa fa-user fa-2x text-success-m3 ml-2 mr-1"></i>',
		
								headerClass: 'border-0 text-white text-140 mb-3 p-0 pl-3 pr-4',
								titleClass: 'text-dark-tp3 font-normal pt-15',
		
								className: 'brc-danger-m1 border-1 border-t-4 radius-0 pr-0',
		
								bodyClass: 'pt-0 pl-3 text-105'
							})
					}
			});
			return false;
		},
	});
});