<!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" style="display: block;">
			<div class="w3-modal-content w3-card-4 w3-animate-zoom w3-round w3-padding-16">
				<div class="w3-container w3-center h4">{{$t("page.login.system_login")}}</div>
				<form class="w3-container" onsubmit="return vm.fnToLogin();">
					<div class="h4">
						<div class="frame-password">
							<div class="title-password">{{$t('page.login.account')}}</div>
							<div class="input-password">
								<input class="w3-input w3-border" v-model="account" type="text" required>
							</div>
						</div>
						<div class="frame-password">
							<div class="title-password">{{$t('page.login.password')}}</div>
							<div class="input-password">
								<input class="w3-input w3-border" v-model="password" type="password" required>
							</div>
						</div>
						<div class="w3-large w3-center">
							<q-btn glossy rounded color="primary" :label="$t('page.login.login')" style="font-size: 20px; width: 25%;" 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.inc";
				?>

</html>