<template>
  <div class="form-part">
    <div class="form-part-title">
      <h4>Gerekli Dokümanlar</h4>
    </div>
    <div class="form-part-content" v-if="piyangoDocumentStore.loaded">
      <template v-if="piyangoDocumentStore.piyangoDocumentsList.length > 0">
        <template v-for="(file, i) in piyangoDocumentStore.piyangoDocumentsList">
          <file-list-item
            :editable="false"
            :data="file"
            title="dokumanAdi"
            :filePath="file.url" />
        </template>
      </template>
      <template v-else>
        <div class="form-inner-comment" v-if="usersStore.isPanelUser">
          Eklenmiş dosya bulunamadı.
        </div>
        <div v-else>
          Eklenmiş dosya bulunamadı. Üstteki butonu kullanarak dosya ekleyebilirsiniz.
        </div>
      </template>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { ref, onBeforeMount } from 'vue'

  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
  import { usePiyangoDocumentStore } from '../../stores/piyangoDocumentStore'
  const piyangoDocumentStore = usePiyangoDocumentStore()
  import { usePiyangoDocumentService } from '../../service/piyangoDocumentService'
  const piyangoDocumentService = usePiyangoDocumentService()

  onBeforeMount(async () => {
    await piyangoDocumentService.GetDocumentList()
  })
</script>
