<template>

	<div class='login-box'>

		<div class='icon'></div>

		<div class='form'>
			<h3>Welcome back!</h3>
			<label for='username' :class='gs.login.username.error.length<1?``:`err`'>USERNAME <span>{{ gs.login.username.error }}</span></label>
			<input type='text' name='username' v-model='gs.login.username.model' class='flat' autofocus>
			<label for='password' :class='gs.login.password.error.length<1?``:`err`'>PASSWORD <span>{{ gs.login.password.error }}</span></label>
			<input type='password' name='password' v-model='gs.login.password.model' class='flat'>
			<!-- <label for='fpass' class='link' @click='gs.login.func.forgot_pass()'>FORGOT YOUR PASSWORD ?</label> -->

			<button class='submit' @click='gs.login.func.login()'>Login</button>
			<span>Need an account? <router-link to='register'>Register</router-link></span>
		</div>

	</div>

</template><script>
export default {

	name: 'login-',

	data(){ return { gs: gs.get }; }

}

</script>