<template>
  <div :class="['form-part']" id="display-bilgi">
    <div class="form-part-title">
      <h4>Aracı Firma Bilgileri</h4>
    </div>
    <div class="form-part-content">
      <form-display v-model="piyangoStore.araciUyeData.sirketUnvan" label="Ünvan" />
      <form-display half v-model="piyangoStore.araciUyeData.sirketVergiDairesi" label="Vergi Dairesi" />
      <form-display half v-model="piyangoStore.araciUyeData.sirketVergiNo" label="Vergi No" />
      <form-display half v-model="piyangoStore.araciUyeData.sirketSicilNo" label="Sicil No" />
      <form-display half v-model="piyangoStore.araciUyeData.sirketMersis" label="Mersis No" />
      <form-display v-model="piyangoStore.araciUyeData.adres" label="Adresi" />
    </div>
  </div>
</template>
<script setup lang="ts">
  import { ref, reactive, onBeforeMount } from 'vue'

  import { useDataStore } from '@/stores/dataStore'
  const dataStore = useDataStore()
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()
  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
  import { usePreviewStore } from '@/stores/previewStore'
  const previewStore = usePreviewStore()
  import { useGlobalDataStore } from '@/stores/globalDataStore'
  const globalDataStore = useGlobalDataStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
</script>
