<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=https://nano-thailand.com/2023/Annual/e-proceedings/?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 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=https://nano-thailand.com/2023/Annual/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":1969,"date":"2023-05-16T15:10:08","date_gmt":"2023-05-16T08:10:08","guid":{"rendered":"https:\/\/nano-thailand.com\/2023\/Annual\/?page_id=1969"},"modified":"2023-05-16T15:10:08","modified_gmt":"2023-05-16T08:10:08","slug":"login-2","status":"publish","type":"page","link":"https:\/\/nano-thailand.com\/2023\/Annual\/login-2\/","title":{"rendered":"Login"},"content":{"rendered":"\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/pages\/1969"}],"collection":[{"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/comments?post=1969"}],"version-history":[{"count":1,"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/pages\/1969\/revisions"}],"predecessor-version":[{"id":1971,"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/pages\/1969\/revisions\/1971"}],"wp:attachment":[{"href":"https:\/\/nano-thailand.com\/2023\/Annual\/wp-json\/wp\/v2\/media?parent=1969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}