<template>
  <AdminLayout>
    <Breadcrumb currentPageText="Kullanıcı Detay" go="/kullanicilar/kullanici-liste"/>
    <tabs :tabList="tabList" isUseRoute>
      <template #kullanici-bilgileri>
        <tab-kullanici-bilgileri />
      </template>
      <template #yetkili-oldugu-piyangolar>
        <tab-kullanici-yetkili-piyangolar />
      </template>
      <template #kullanici-loglari>
        <tab-kullanici-loglari />
      </template>
    </tabs>
  </AdminLayout>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  import { useRoute } from 'vue-router'
  const route = useRoute()
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
  import AdminLayout from '@/layouts/AdminLayout.vue'
  import TabKullaniciBilgileri from '../components/TabKullaniciBilgileri.vue'
  import TabKullaniciYetkiliPiyangolar from '../components/TabKullaniciYetkiliPiyangolar.vue'
  import TabKullaniciLoglari from '../components/TabKullaniciLoglari.vue'

  if (globalStore.selUser === 0) globalStore.selUser = Number(route.params.kullaniciId)

  const tabList = ref<Record<string, any>[]>([
    { text: 'Kullanıcı Bilgileri', id: 'kullanici-bilgileri' },
    { text: 'Yetkili Olduğu Piyangolar', id: 'yetkili-oldugu-piyangolar' },
    { text: 'Kullanıcı Logları', id: 'kullanici-loglari' }
  ])
</script>
