<script setup >

definePageMeta({
  layout: "notLoggedIn"
})

const supabase = useSupabaseClient()
const user = useSupabaseUser()
const router = useRouter()
const {fetchData} = useDataStore()

const email = ref("")
const password = ref("")


const onSubmit = async () => {
  const { error } = await supabase.auth.signInWithPassword({
    email: email.value,
    password: password.value
  })
  if(error) {
    console.log(error.toString())
    alert(error.toString())
  } else {
    console.log("Login Successful")
    await fetchData()
    router.push("/")


  }
}

</script>

<template>
  <div id="loginSite">
    <div id="loginForm">
      <UFormGroup
          label="E-Mail:"
      >
        <UInput
            v-model="email"
        />
      </UFormGroup>
      <UFormGroup
          label="Passwort:"
      >
        <UInput
            v-model="password"
            type="password"
            @keyup.enter="onSubmit"
        />
      </UFormGroup>
      <UButton
          @click="onSubmit"
          class="mt-3"
      >
        Einloggen
      </UButton>
    </div>

  </div>
</template>

<style scoped>
#loginSite {
  display: flex;
  align-content: center;
  justify-content: center;

}

#loginForm {
  width: 30vw;
  height: 30vh;
}
</style>