window.onload=async function() {
  //let primerUI = new PrimerUI(document.getElementById('wrapper'));
  //await primerUI.insertScriptFile('https://code.jquery.com/jquery-3.6.0.min.js');
  //await primerUI.insertCSSFile('https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css');
  //await primerUI.insertScriptFile('https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js');

	let primerUI = new PrimerUI(document.getElementById('wrapper')); 
	let center=document.createElement('center');
	//center.style='margin-top:-15%';
	primerUI.loginPage({
		title:'Acer HealthCare Co., Ltd.',
		background:'img/weight.jpg',
		logo:'img/logo.jpg',
		prompt:'<h3>宏碁健康<br><br></h3><h4>體重管理平台</H4>',
		id: 'loginBox',
	},center);


	$('#wrapper').append(center);
	$('#wrapper').css('display','block');
	$('#wrapper').css('text-align','center');
	$('#loginBox').css('min-width','300px');
	$('#loginBox').css('opacity','1.0');
	$('#loginBox').css('background-color','white');
	//$('#wrapper').fadeIn(250);
	$('.btn').css('background-color','#80C343');
	$('#loginBox_form').removeAttr('enctype');

  let action=primerUI.input({});
  $(action).attr('name','action');
  $(action).val('historical');
  $(action).css('display','none');
  $('#loginBox_form').append(action);

	//let btn=$('#loginBox_form').find("div button")[0];
  //$(btn).text('參加活動註冊會員');

	let btn=$('#loginBox_form').find("div button")[0];
  $(btn).text('查詢歷史紀錄');

  let nBtn=primerUI.button({text:'輸入今日體重',class:'btn btn-primary btn-block'});
  $(nBtn).attr('type','submit');
  $(nBtn).on('click',()=>{ $(action).val('inputData')});
	$(nBtn).css('background-color','#80C343');
  $(btn).parent().append(nBtn);

  nBtn=primerUI.button({text:'報名瘦身活動，註冊會員',class:'btn btn-primary btn-block'});
  $(nBtn).attr('type','submit');
  $(nBtn).on('click',()=>{ $(action).val('register')});
	$(nBtn).css('background-color','#80C343');
  $(btn).parent().append(nBtn);

	$('.btn').css('border','none');

}