<template>
  <div class="form-part form-title" v-if="piyangoDosyaKapamaStore.isNew">
    <div class="form-title-buttons">
      <div
        class="button-c button-save"
        @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
        Kaydet
      </div>
    </div>
  </div>
  <div
    :class="[
      'form-part',
      piyangoDosyaKapamaStore.formChanged && !piyangoDosyaKapamaStore.isNew
        ? 'changed'
        : ''
    ]">
    <div class="form-part-title">
      <h4>Teminat İade Evrak Kontrol</h4>
    </div>
    <div class="form-part-content" v-if="piyangoDosyaKapamaStore.loaded">
      <form-input
        modelKey="katilimSekli"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.katilimSekli"
        label="1. Katılım Şekli"
        placeholder="Katılım Şekli"
        @keyup="OnKeyup" />

      <form-checkbox
        label="2. CD"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cD"
        @change="OnKeyup" />
      <form-checkbox
        label="3. Kutu Mühürleme Tutanağı"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kutuMuhurlemeTutanagi"
        @change="OnKeyup" />
      <form-checkbox
        label="4. Kutu Açma Tutanağı"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kutuAcmaTutanagi"
        @change="OnKeyup" />

      <div class="form-part-title">
        <h4>5. Çekiliş Tutanağı</h4>
      </div>
      <form-checkbox
        label="Çekiliş Tutanağı"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisTutanagi"
        @change="OnKeyup" />
      <form-checkbox
        label="Çekiliş izin alınan tarih, saat, adreste yapılmış"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisIzinAlinanTarihSaatAdres"
        @change="OnKeyup" />
      <form-checkbox
        label="Çekilişte önceden belirlenen ikramiyeler çekiliş"
        v-model="
          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisOncedenBelirlenenIkramiyeler
        "
        @change="OnKeyup" />
      <form-checkbox
        label="Çekilişte önceden belirlenen ikramiyeler çekiliş"
        v-model="
          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisOncedenBelirlenenIkramiyeler
        "
        @change="OnKeyup" />
      <form-checkbox
        label="Çekiliş numara üzerinden/isimden"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisNumaraUzerindenCekilis"
        @change="OnKeyup" />
      <form-checkbox
        label="Dağıtılmayan kupon tespiti"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.dagitilmayanKuponTespiti"
        @change="OnKeyup" />

      <div class="form-part-title">
        <h4>6. Çekiliş Sonucu İlan</h4>
      </div>
      <form-checkbox
        label="Çekiliş Sonucu İlan"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.cekilisSonucuIlani"
        @change="OnKeyup" />
      <form-checkbox
        label="Taahhüt edilen tarih ve gazetede ilan"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilandaTarihGazete"
        @change="OnKeyup" />
      <form-checkbox
        label="İlanda toplam katılımcı sayısı"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilandaToplamKatilimci"
        @change="OnKeyup" />
      <form-checkbox
        label="Çekiliş tutanağı ile uyumlu kazanan numara/isim"
        v-model="
          piyangoDosyaKapamaStore.dosyaKapamaData.cekilisTutanagiIleUyumluKazananlar
        "
        @change="OnKeyup" />
      <form-checkbox
        label="İlanda ikramiyeler son teslim süresi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ilanSonBasvuruTeslimSuresi"
        @change="OnKeyup" />

      <form-input
        modelKey="taahhutEdilenIkramiyeAdedi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.taahhutEdilenIkramiyeAdedi"
        label="7. Taahhüt Edilen İkramiye Adedi"
        placeholder="Taahhüt Edilen İkramiye Adedi"
        @keydown="validationStore.allowNumbersWithKeys"
        @keyup="OnKeyup" />

      <div class="form-part-title">
        <h4>8. Teslim Edilen İkramiye</h4>
      </div>
      <form-input
        modelKey="teslimEdilenIkramiyeAdedi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teslimEdilenIkramiyeAdedi"
        label="Teslim Edilen İkramiye Adedi"
        placeholder="Teslim Edilen İkramiye Adedi"
        @keydown="validationStore.allowNumbersWithKeys"
        @keyup="OnKeyup" />
      <form-input
        modelKey="asilIkramiyeSayisi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.asilIkramiyeSayisi"
        label="Teslim Edilen Asıl İkramiye Adedi"
        placeholder="Teslim Edilen Asıl İkramiye Adedi"
        @keydown="validationStore.allowNumbersWithKeys"
        @keyup="OnKeyup" />
      <form-input
        modelKey="yedekIkramiyeSayisi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.yedekIkramiyeSayisi"
        label="Teslim Edilen Yedek İkramiye Adedi"
        placeholder="Teslim Edilen Yedek İkramiye Adedi"
        @keydown="validationStore.allowNumbersWithKeys"
        @keyup="OnKeyup" />
      <form-checkbox
        label="Nüfus Cüzdanları"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.nufusCuzdani"
        @change="OnKeyup" />
      <form-checkbox
        label="Kazanan numaralı noter onaylı ibraname"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.noterOnayliIbraname"
        @change="OnKeyup" />
      <form-checkbox
        label="Teslim Belgesi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teslimBelgesi"
        @change="OnKeyup" />
      <form-checkbox
        label="Fatura fotokopileri"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.faturaFotokopileri"
        @change="OnKeyup" />
      <form-checkbox
        label="Tescile ait belgeler"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.tescileAitBelgeler"
        @change="OnKeyup" />
      <div class="form-part-title">
        <h4>9. Süresi İçinde Alınmayan İkramiye</h4>
      </div>
      <form-input
        modelKey="sureIcindesAlinmayanIkramiyeAdedi"
        v-model="
          piyangoDosyaKapamaStore.dosyaKapamaData.sureIcindesAlinmayanIkramiyeAdedi
        "
        label="Süresi İçinde Alınmayan İkramiye Adedi"
        placeholder="Süresi İçinde Alınmayan İkramiye Adedi"
        @keydown="validationStore.allowNumbersWithKeys"
        @keyup="OnKeyup" />
      <form-checkbox
        label="Tebligat"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.tebligat"
        @change="OnKeyup" />
      <form-checkbox
        label="Feragat"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.feragat"
        @change="OnKeyup" />
      <form-checkbox
        label="Bağış"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.bagis"
        @change="OnKeyup" />

      <div class="form-part-title">
        <h4>10. Kupon (Aslı) ve Duyuru Örneği</h4>
      </div>
      <form-checkbox
        label="Kupon Aslı"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.kuponAsli"
        @change="OnKeyup" />
      <form-checkbox
        label="Duyuru Örneği"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.duyuruMateryali"
        @change="OnKeyup" />

      <form-date
        type="date"
        modelKey="ikramiyelerinSonTeslimTarihi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.ikramiyelerinSonTeslimTarihi"
        label="11. İkramiyelerin Son Teslim Tarihi"
        @change="OnKeyup" />
      <form-date
        type="date"
        modelKey="teminatIadeTarihi"
        v-model="piyangoDosyaKapamaStore.dosyaKapamaData.teminatIadeTarihi"
        label="12. Teminat İade Tarihi"
        @change="OnKeyup" />

      <div
        class="form-item"
        v-if="piyangoDosyaKapamaStore.formChanged && !piyangoDosyaKapamaStore.isNew">
        <button
          class="button-c button-save"
          @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
          Kaydet
        </button>
        <button class="button-c button-cancel" @click="CancelSave">Vazgeç</button>
      </div>
    </div>
  </div>
  <div class="form-part form-title" v-if="piyangoDosyaKapamaStore.isNew">
    <div class="form-title-buttons">
      <div
        class="button-c button-save"
        @click="piyangoDosyaKapamaService.SaveDosyaKapama()">
        Kaydet
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onBeforeMount } from 'vue'

  import { usePiyangoDosyaKapamaStore } from '../../stores/piyangoDosyaKapamaStore'
  const piyangoDosyaKapamaStore = usePiyangoDosyaKapamaStore()
  import { usePiyangoDosyaKapamaService } from '../../service/piyangoDosyaKapamaService'
  const piyangoDosyaKapamaService = usePiyangoDosyaKapamaService()
  import { useValidationStore } from '@/stores/validationStore'
  const validationStore = useValidationStore()

  const OnKeyup = () => {
    piyangoDosyaKapamaStore.formChanged = true
  }

  const CancelSave = () => {
    piyangoDosyaKapamaStore.RestoreFormData()
    piyangoDosyaKapamaStore.formChanged = false
  }

  onBeforeMount(async () => {
    piyangoDosyaKapamaStore.formChanged = false
    await piyangoDosyaKapamaService.GetDosyaKapama()

    if (piyangoDosyaKapamaStore.isNew) {
      piyangoDosyaKapamaStore.ResetFormData()
      piyangoDosyaKapamaStore.loaded = true
    }
  })
</script>
