<!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;padding-top: 375px;background-color: rgba(0, 0, 0, 0.1);">
			<div class="w3-modal-content w3-animate-zoom w3-round w3-padding-16" style="background: transparent; width: 500px;">
				<!-- <div class="w3-container w3-center h4">{{$t("page.login.system_login")}}</div> -->
				<form class="w3-container" onsubmit="return vm.fnToLogin();">
					<div class="w3-large">
						<div class="q-py-sm q-px-md q-mb-lg" style="display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; background: #fff; width: 100%; border-radius: 8px;">
							<div style="width: 50%; font-size:20px; font-weight: 700; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;">
								<span class="material-icons q-mr-sm">account_circle</span>用戶名稱
							</div>
							<q-input align="left" v-model="account" type="text" required style="width: 50%; font-size: 20px; font-weight: 600; border-bottom: 1px solid;"></q-input>
						</div>
						<div class="q-py-sm q-px-md q-mb-lg" style="display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; background: #fff; width: 100%; border-radius: 8px;">
							<div style="width: 50%; font-size:20px; font-weight: 700; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;">
								<span class="material-icons q-mr-sm">lock</span>用戶密碼
							</div>
							<q-input align="left" v-model="password" type="password" required style="width: 50%; font-size: 20px; font-weight: 600; border-bottom: 1px solid;"></q-input>
						</div>
						<div class="w3-large w3-center">
							<q-btn color="primary" size="lg" glossy :label="$t('page.login.login')" type="submit" style="border-radius: 50px; width: 156px;"></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>