@(login : String,email : String,pass : String,remember_pass : String,Login : String,register : String,Unremmember : String,home : String)
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Wow Wow</title>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<link href="https://fonts.googleapis.com/css?family=Mitr" rel="stylesheet"> 
		<link rel="stylesheet" href="/assets/stylesheets/main.css">
		<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
		<script type ="text/javascript">

		var arrlang ={'EN' : {
		'login' : 'Login',
		'email' : 'Email',
		'pass' : 'Password',
		'remember_pass' : 'Remember',
		'Login' : 'Login','
		'register' : 'Register',
		'Unremmember' : 'dO not remmember',
		'home' : 'Home'	},
		'TH' : {
		'login' : 'เข้าสู่ระบบ',
		'email' : 'อีเมลล์',
		'pass' : 'รหัสผ่าน',
		'remember_pass' : 'จำรหัสผ่าน',
		'Login' : 'เข้าระบบ',
		'register' : 'ลงทะเบียน',
		'Unremmember' : 'ลืมรหัสผ่าน',
		'home' : 'หน้าหลัก'
		}
		};

			$(function(){
			$('.translate').click(function(){
				var lang = $(this).attr('id');
				$('.lang').each(function(index,element){
					$(this).text(arrLang[lang][$(this).attr('key')]);
					});
				});
			});
		</script>
	</head>

	<body id="page-top" class="bg-info">

		<div class="container">
			<div class="card card-login mx-auto mt-5">

				<div class="lang" key="login">@login</div>


					<form>
						<div class="lang">
							<label for="email" key ="email">@email</label>
							<input class="form-control" id="email" type="email" aria-describedby="emailHelp" placeholder=@email>
						</div>
						<div class="lang">
							<label for="password" key="pass">@pass</label>
							<input class="form-control" id="password" type="password" placeholder=@pass>
						<div class="form-group">
							<div class="form-check">
								<label class="form-check-label">
									<input class="lang" type="checkbox" key ="remember_pass">@remember_pass</label>
							</div>
						</div>
						<a class="lang" href="#"key="Login">@Login</a>
					</form>
					<div class="text-center">
						<a class="lang" href="#" key="register">@register</a>
						<a class="lang" href="#" key="Unremmember">@Unremmember</a>
						<a class="lang" href="#" key="home">@home</a>
					</div>
				</div>
			</div>
		</div>

		<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
	</body>
</html>

