<template>
  <div
    class="form-inner-comment waiting-d"
    v-if="customerIrtibatStore.totalIrtibat === 0 && !isPreview">
    <template v-if="usersStore.isPanelUser">
      En az 1 irtibat kişisi eklenmiş olmalıdır.
    </template>
    <template v-else>En az 1 adet irtabita kurulacak kişi eklemelisiniz.</template>
  </div>
  <list-table-content
    :tableHeader="tableHeader"
    addAction=""
    v-model:totalRecord="customerIrtibatStore.totalIrtibat"
    formTitle="İrtibat Kurulacak Kişiler"
    :apiList="
      'AppUserContactPerson/GetContactPersonAppUserId/' + usersStore.selectedUserId()
    "
    apiText="İrtibat Kurulacak Kişi Listesi"
    page="form"
    :isPreview="isPreview" />
</template>
<script setup lang="ts">
  import { ref, onBeforeMount } from 'vue'

  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
  import { useCustomerIrtibatStore } from '../../stores/customerIrtibatStore'
  const customerIrtibatStore = useCustomerIrtibatStore()

  export interface Props {
    isPreview?: boolean
  }
  const props = withDefaults(defineProps<Props>(), { isPreview: false })

  const tableHeader = ref<Record<string, any>>([
    {
      name: 'firstName',
      title: 'Adı',
      sort: props.isPreview ? false : true,
      style: { width: '25%' }
    },
    {
      name: 'lastName',
      title: 'Soyadı',
      sort: props.isPreview ? false : true,
      style: { width: '25%' }
    },
    {
      name: 'email',
      title: 'E-posta',
      sort: props.isPreview ? false : true,
      style: { width: '25%' }
    },
    {
      name: 'phone',
      title: 'Telefon Numarası',
      sort: props.isPreview ? false : true
    }
  ])
  onBeforeMount(() => {
    usersStore.SetSelectedUser()
  })
</script>
