<template>
  <div class="form-content">
    <div class="form-inner-content form-inner-content-left">
      <form-uye-bilgileri
        v-if="
          (!usersStore.isPanelUser &&
            (usersStore.selectedUserApproveId === 0 ||
              usersStore.selectedUserApproveId === 3)) ||
          (route.name === 'Profil' && usersStore.isPanelUser) ||
          route.name === 'UyeYetkiliYeni'
        " />
      <form-uye-bilgileri-display v-else />   
      <div
        class="form-part"
        v-if="
          (usersStore.isPanelUser && route.name !== 'Profil') ||
          (!usersStore.isPanelUser && route.name === 'Profil') ||
          (!usersStore.isPanelUser && route.name === 'UyeYetkiliDetay')
        ">
        <form-uye-irtibat-kisi
          v-if="
            (usersStore.selectedUserApproveId === 0 ||
              usersStore.selectedUserApproveId === 3)
          " />
        <form-uye-irtibat-kisi-display v-else />
      </div>
    </div>
    <div
      class="form-inner-content form-inner-content-right"
      v-if="
        (usersStore.isPanelUser && route.name !== 'Profil') ||
        (!usersStore.isPanelUser && route.name === 'Profil') ||
        (!usersStore.isPanelUser && route.name === 'UyeYetkiliDetay')
      ">
      <form-uye-documents />
    </div>
  </div>
</template>
<script setup lang="ts">
  import { useRoute } from 'vue-router'
  const route = useRoute()
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()

  import FormUyeBilgileri from './form/FormUyeBilgileri.vue'
  import FormUyeBilgileriDisplay from './display/FormUyeBilgileriDisplay.vue'
  import FormUyeIrtibatKisi from './form/FormUyeIrtibatKisi.vue'
  import FormUyeIrtibatKisiDisplay from './display/FormUyeIrtibatKisiDisplay.vue'
  import FormUyeDocuments from './form/FormUyeDocuments.vue'
</script>
