<template>
  <div>

    <div class="flex justify-between items-center">
      <Button @click="$router.back()" link icon="pi pi-arrow-left"></Button>
      <div class="px-3">Adataim</div>
    </div>
    <div class="p-3 space-y-3">
      <CardLoading v-if="isLoading" />
      <FloatLabel variant="on">
        <InputText id="name" v-model="user.nev" class="w-full" />
        <label for="name">Név</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="email" v-model="user.email" class="w-full" />
        <label for="email">E-mail</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="telefon" v-model="user.telefon" class="w-full" />
        <label for="telefon">Telefon</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="anyja_neve" v-model="user.anyja_neve" class="w-full" />
        <label for="anyja_neve">Anyja neve</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="szuletesi_hely" v-model="user.szuletesi_hely" class="w-full" />
        <label for="szuletesi_hely">Születési hely</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <DatePicker show-icon date-format="yy-mm-dd" id="szuletesi_ido" v-model="user.szuletesi_ido" class="w-full" />
        <label for="szuletesi_ido">Születési idő</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="nemzetiseg" v-model="user.nemzetiseg" class="w-full" />
        <label for="nemzetiseg">Állampolgárság</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="szigszam" v-model="user.szigszam" class="w-full" />
        <label for="szigszam">Személyi igazolvány / Útlevél száma</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="jogositvany_szama" v-model="user.jogositvany_szama" class="w-full" />
        <label for="jogositvany_szama">Jogosítvány száma</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="lakcim" v-model="user.lakcim" class="w-full" />
        <label for="lakcim">Lakcím</label>
      </FloatLabel>
      <FloatLabel variant="on">
        <InputText id="tartozkodasicim" v-model="user.tartozkodasicim" class="w-full" />
        <label for="tartozkodasicim">Tartózkodási cím</label>
      </FloatLabel>

      <div class="">
        <Button @click="save()" class="max-sm:w-full min-w-20" icon="pi pi-save">Adatok mentése</Button>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
const isLoading = ref()
const { user } = storeToRefs(useAuthStore())
async function save() {

}
</script>

<style></style>