<template>
	<div class="noauth-container">
		<img alt="Vikunja" src="/images/logo-full.svg"/>
		<div class="message is-info" v-if="motd !== ''">
			<div class="message-header">
				<p>Info</p>
			</div>
			<div class="message-body">
				{{ motd }}
			</div>
		</div>
		<router-view/>
	</div>
</template>

<script>
import {mapState} from 'vuex'

export default {
	name: 'contentNoAuth',
	created() {
		this.redirectToHome()
	},
	computed: mapState({
		motd: state => state.config.motd,
	}),
	methods: {
		redirectToHome() {
			// Check if the user is already logged in and redirect them to the home page if not
			if (
				this.$route.name !== 'user.login' &&
				this.$route.name !== 'user.password-reset.request' &&
				this.$route.name !== 'user.password-reset.reset' &&
				this.$route.name !== 'user.register' &&
				this.$route.name !== 'link-share.auth' &&
				this.$route.name !== 'openid.auth' &&
				localStorage.getItem('passwordResetToken') === null &&
				localStorage.getItem('emailConfirmToken') === null
			) {
				this.$router.push({name: 'user.login'})
			}
		},
	},
}
</script>
