<!DOCTYPE html>
<html lang="zh-tw">

<head><?php
		// 引用 head.inc
		include_once "html_head.inc";
		?>
	<!--<link href="css/login.css" rel="stylesheet" type="text/css">-->
</head>

<body>
	<div id="q-app" :visible="IsVueReady==true">
		<!-- 背景圖 -->
		<div class="main-img"></div>
		<div class="w3-modal leo-login-background">
			<div class="w3-modal-content w3-card-4 w3-animate-zoom w3-round w3-padding-16 leo-login-block">
				<div class="w3-container w3-center h4">{{$t("page.login.system_login")}}</div>
				<div class="w3-container w3-center h4">Login</div>
				<form class="w3-container" onsubmit="return vm.fnToLogin();">
					<div class="w3-large">
						<div>
							<div>{{$t('page.login.account')}}</div>
							<div><input class="w3-input w3-border w3-margin-bottom" v-model="account" type="text" required></div>
						</div>
						<div>
							<div>{{$t('page.login.password')}}</div>
							<div><input class="w3-input w3-border w3-margin-bottom" v-model="password" type="password" required></div>
						</div>
						<div class="w3-large w3-center">
							<q-btn color="primary" :label="$t('page.login.login')" type="submit"></q-btn>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<?php
	// loading.inc
	include_once "html_loading.inc";
	?>
</body><?php
		// 引用 down.inc
		include_once "html_down.php";
		?>

</html>