<div class="wpabstracts container">
	<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
		<div style="padding: 10px 0;">
			Please sign in for your conference participation		</div>
		<div class="wpabstracts panel panel-default" >
			<div class="wpabstracts panel-heading">
				<div class="wpabstracts panel-title">
					Sign In				</div>
				<div style="float:right; font-size: 80%; position: relative; top:-18px">Forgot Password <a href=http://www.ukm.my/miicema/dashboard/?task=lostpassword>Reset</a></div>
			</div>

			<div style="padding-top:30px" class="wpabstracts panel-body" >

				<div style="display:none" id="wpabstracts-alert" class="wpabstracts alert alert-danger col-sm-12"></div>

				<form id="loginform" class="wpabstracts form-horizontal" role="form">

					<div style="margin-bottom: 25px" class="wpabstracts input-group">
						<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
						<input id="wpabstracts-username" type="text" class="wpabstracts form-control" name="username" value="" placeholder="username or email">
					</div>

					<div style="margin-bottom: 25px" class="wpabstracts input-group">
						<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
						<input id="wpabstracts-password" type="password" class="wpabstracts form-control" name="password" placeholder="password">
					</div>

											<div class="wpabstracts input-group">
																		<input type="hidden" id="captcha_hash" name="captcha_hash" value="5ba6d6eac139a5ff10ed9b89f4bb4f7a" />
			<label for="captcha_input" class="wpabstracts control-label">Enter security code (required)</label>
			<div class="row">
				<div class="col-xs-8">
					<div class="wpabstracts input-group">
						<span class="input-group-addon"><i class="fas fa-shield-alt"></i></span>
						<input class="wpabstracts form-control" type="text" id="captcha_input" name="captcha_input" required>
					</div>
				</div>
				<div class="col-xs-4">
					<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAIAAAA0IQ7mAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADy0lEQVRYhe2YTUgqURTHr6OhGbYQRrKSsk20qfBFRIFEgWAthEKSGsqIFkFEgq2jDyKKoJVCEpogRm0iqEUfi4Q2QQRRWgiWJWYUTTFYyZi+xfAkXt6ZMX3vgc/fajzc8/H3njlXLycej4P/CeRfF/C3yQkGAABwdXVlt9sxDPN4PKlGjMViaVf1B0kuOB6Pn52deTwegiDYx4pEIk6nU61WRyKRDJWXeXhJrRUVFWq1en9/n8vlsomC47jNZtva2sJxvKCggM/ns0x/c3OTn5+PoujDwwOKomyrTgPoO0x1Jo+X/Bv5DT6fr9Vq9/b22traioqK2Li4XK6BgYH+/n61Wo1h2NHREcuK0wSqhyRJAADLHRYKhUKhEABAEERxcTHjepvNhuO4xWKJxWLT09Pb29sqlYp1zWkB3eGPjw/AWnCCUCjEuMM7OzsHBwcGgwFBEB6PJxKJSkpK8vLyUkr0bZgFkyRptVp1Ot3g4ODx8TF9uGAwSC84Go3Ozc3p9fqEJRAIlJWVpVZ1GkAFUy2N4/j8/Hxzc7PJZOJwOMPDwz6fD+by+voaDofpBR8eHhIE0dDQkLDQN8Xk5OSPL9jtdgZZcBh22Ol0jo2NyeVysVg8OzsLAKBJFgwGAQBSqZQm3+XlJYqiiTH+9PR0fX1NM59fXl6sVuvxLxQKhUwm6+rqYtIFBTq0KMEjIyOJt0ssFjc2NrrdbphLKBQCANAPrXA4/P7+nvi4trZGkqRAIICt12g01dXV1LPD4Tg5OVleXmZ/7H2FoaULCws/GysrK+/v72EuoVCIy+XSH6cSiQTHcaoXqN0WCoXPz8+w9Uqlknrw+/0mk6m3t7empoYmPiOpTWmRSEQdP0m5u7uTSCT0+VQqlUAgWFhYOD093dzc7OzslMlku7u7i4uLgUAA5hWLxcbHx6VS6dDQEH18RqCCo9Eo+PLD4/Hxsa6uLul6kiTPz895PN7b2xtNPhRFZ2Zm/H7/xsbG6OgoAKCvr6+2trajo6O0tBTmtbKy4na7p6amMnB6xSGYzWaFQhEOhz8be3p6Li4uflvp9XqNRqNKpVIqlS0tLRqNZmJiAhb2G3i93vr6erPZnJFoUMFWq1WhUBiNxtvbW8qytLS0vr6ekazsIUlSp9N1d3eTJJkwplMGdErr9fqqqqrV1VWtVlteXi6Xy9vb25uamtLtqBSxWCw+n8/hcCReLpfL9Y0/rQk4caYrnmg0iiAIgvyDqwKCIFpbW6nx+RkMwwwGw/diMgvOMnJXPNlOTnC2kxOc7eQEZzv/neCfKFAYlWyxMEMAAAAASUVORK5CYII=" alt="captcha" />
				</div>
			</div>
															</div>
					
					<div style="margin-top:10px" class="wpabstracts form-group">
						<div class="col-sm-12 controls">
							<button id="wpabstracts-login" class="btn btn-info btn-block">Login <i class="fa fa-spinner fa-spin isloading"></i></button>
						</div>
					</div>

					<div class="wpabstracts form-group">
						<div class="wpabstracts col-xs-12">
							<input type="checkbox" id="wpabstracts-remember" value="forever"> Remember Me						</div>
					</div>

					<div class="form-group">
						<div class="col-md-12 control">
							<div style="border-top: 1px solid #ccc; padding-top:15px; font-size:14px">
								Don't have an account? <a href=http://www.ukm.my/miicema/register/>Create an Account</a>							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">

jQuery( document ).ready(function() {
    var rememberme = localStorage.getItem('wpa_remember');
	if(rememberme){
		var rem = JSON.parse(rememberme);
		jQuery('#wpabstracts-remember').attr('checked', rem.remember);
		if(rem.remember){
			jQuery('#wpabstracts-username').val(rem.username);
		}
	}

	var manageLoader = function(show){
		if(show){
			jQuery('#wpabstracts-login i').removeClass('isloading');
		}else {
			jQuery('#wpabstracts-login i').addClass('isloading');
		}
	};

	jQuery('#wpabstracts-login').on('click', function(e){
		e.preventDefault();
		var username = jQuery('#wpabstracts-username').val();
		var password = jQuery('#wpabstracts-password').val();
		var captcha = jQuery('#captcha_input').val();
		var hash = jQuery('#captcha_hash').val();
		var remember = jQuery('#wpabstracts-remember').is(':checked');

		if(!username || !password){
			jQuery('#wpabstracts-alert').text(wpabstracts.sign_in_msg).show();
			return;
		}

		if(hash && !captcha) {
			jQuery('#wpabstracts-alert').text(wpabstracts.captcha_required).show();
			return;
		}

		var rememberMe = {'remember':remember, 'username':username};
		localStorage.setItem('wpa_remember', JSON.stringify(rememberMe));

		manageLoader(true);

		var ajax_data = {
			action: 'wpa_login',
			log: username,
			pwd: password,
			captcha_input: captcha,
			captcha_hash: hash,
			rememberme: remember
		};

		jQuery.ajax({
			url: wpabstracts.ajaxurl,
			type: 'POST',
			data: ajax_data,
			success: function(data){
				var response = JSON.parse(data);
				if(response.success){
					jQuery('#wpabstracts-alert')
					.removeClass('alert-danger')
					.addClass('alert-info')
					.text(response.message)
					.show();
					window.location.href = response.redirect;
				}else{
					jQuery('#wpabstracts-alert').text(response.message).show();
					manageLoader(false);
				}
			},
			error: function (xhr, status) {
				manageLoader(false);
				console.log('Login Ajax Error: ', xhr);
			}
		});
	});
});

</script>
{"id":339,"date":"2020-02-11T02:51:39","date_gmt":"2020-02-11T02:51:39","guid":{"rendered":"http:\/\/www.ukm.my\/miicema\/?page_id=339"},"modified":"2020-02-11T02:51:39","modified_gmt":"2020-02-11T02:51:39","slug":"login","status":"publish","type":"page","link":"http:\/\/www.ukm.my\/miicema\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-339","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/pages\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":1,"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/pages\/339\/revisions"}],"predecessor-version":[{"id":340,"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/pages\/339\/revisions\/340"}],"wp:attachment":[{"href":"http:\/\/www.ukm.my\/miicema\/wp-json\/wp\/v2\/media?parent=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}