<template>
  <form-select
    v-model="piyangoItirazStore.piyangoItirazForm.surecTipiId"
    :listData="itirazSurecTipi"
    listVal="id"
    listText="deger"
    modelKey="surecTipiId"
    label="Süreç"
    :invalidText="piyangoItirazValidationStore.invalidTexts.surecTipiId"
    required />
  <form-select
    v-model="piyangoItirazStore.piyangoItirazForm.durum"
    :listData="itirazDurumTipi"
    listVal="id"
    listText="deger"
    modelKey="durum"
    label="Durum"
    :invalidText="piyangoItirazValidationStore.invalidTexts.durum"
    required />
  <form-date
    v-model="piyangoItirazStore.piyangoItirazForm.itirazTarihi"
    label="İtiraz Tarihi"
    modelKey="itirazTarihi"
    :invalidText="piyangoItirazValidationStore.invalidTexts.itirazTarihi"
    required />
  <form-input
    required
    modelKey="itirazEden"
    v-model="piyangoItirazStore.piyangoItirazForm.itirazEden"
    :invalidText="piyangoItirazValidationStore.invalidTexts.itirazEden"
    label="İtiraz Eden Kişi/Kurum" />
  <form-textarea
    required
    modelKey="aciklama"
    v-model="piyangoItirazStore.piyangoItirazForm.aciklama"
    :invalidText="piyangoItirazValidationStore.invalidTexts.aciklama"
    label="Açıklama" />

  <form-file
    modelKey="dosya"
    elclass="panel-documents-item"
    v-model="piyangoItirazStore.piyangoItirazForm.dosya"
    :invalidText="piyangoItirazValidationStore.invalidTexts.dosya"
    label="İlgili Belge" />
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  import { usePiyangoItirazStore } from '../../stores/piyangoItirazStore'
  const piyangoItirazStore = usePiyangoItirazStore()
  import { usePiyangoItirazValidationStore } from '../../validation/piyangoItirazValidationStore'
  const piyangoItirazValidationStore = usePiyangoItirazValidationStore()

  const itirazSurecTipi = ref<Record<string, any>[]>([
    { id: 1, deger: 'İtiraz/Şikayet' },
    { id: 2, deger: 'Kurum Cevap Ekle' },
    { id: 3, deger: 'İtiraz/Şikayet Eden Cevap Ekle' }
  ])
  const itirazDurumTipi = ref<Record<string, any>[]>([
    { id: 1, deger: 'Kurum/Kişiden Cevap Bekleniyor' },
    { id: 2, deger: 'İtiraz Edenden Cevap Bekleniyor' },
    { id: 3, deger: 'İtiraz Eden Lehine Sonuçlandı' },
    { id: 3, deger: 'Kişi/Kurum Lehine Sonuçlandı' }
  ])
</script>
