<template>
  <div id="login-register">
    <section class="login">
      <h3>{{ $t("default.Login") }} </h3>
      <LoginForm @onLogedIn="onLogedIn" />
    </section>
    <section class="register">
      <h3>{{ $t("default.Register a new account") }}</h3>
      <RegisterForm @onRegistered="onRegistered" />
    </section>
  </div>
</template>

<script>

import { mapState, mapActions } from 'vuex'
import LoginForm from 'vuejs/components/Form/LoginForm'
import RegisterForm from 'vuejs/components/Form/RegisterForm'

export default {
  name: "LoginRegister",
  data: () => ({
    loginEmail:null,
    password:null,
    registerEmail:null
  }),
  props:['callbackargs'],
  methods: {
    ...mapActions({
      userLogin: 'User/userLogin',
      userRegister: 'User/userRegister'
    }),
    onLogedIn () {
      this.$emit('onLogedIn', this.callbackargs)
    },
    onRegistered () {
      this.$emit('onRegistered', this.callbackargs)
    }
  },
  components: {
    LoginForm,
    RegisterForm
  }
}
</script>

<style lang="scss" scoped>

fieldset{
  padding:0;
  margin:0;
  border:none;
}

</style>
