<template>
  <template v-if="piyangoStore.lotteryApprove === 0 && loaded">
    <div class="form-inner-comment new-d">
      Yeni Piyango Başvurusu.
      <template v-if="!usersStore.isPanelUser">
        <br />
        <br />
        Başvuru bedeli,
        <strong>
          {{ muhasebeSettingsStore.muhasebeSettingsForm.basvuruBedeli }} ₺ +KDV
        </strong>
        'dir.
        <br />
        İdaremizin {{ muhasebeSettingsStore.muhasebeSettingsForm.kurumBanka }} -
        {{ muhasebeSettingsStore.muhasebeSettingsForm.kurumBankaSube }}
        Şubesi nezdindeki
        {{ muhasebeSettingsStore.muhasebeSettingsForm.kurumIBAN }} IBAN numaralı hesabına
        <strong>"Başvuru Bedeli"</strong>
        açıklamasıyla yatırılacaktır.
      </template>

      <template v-if="piyangoAmac === 2 && !usersStore.isPanelUser">
        <br />
        <br />
        <strong>"Yardım Amaçlı Piyango Bilet Bilgileri"</strong>
        bölümündeki bilgileri doldurmayı unutmayınız.
      </template>
    </div>
    <div class="form-inner-comment alert-d" v-if="!usersStore.isPanelUser">
      Bilgilerinizi güncelledikten sonra "Onay Durumu" tabından "Onaya Gönder"meyi
      unutmayınız.
    </div>
  </template>

  <div class="form-inner-comment waiting-d" v-if="piyangoStore.lotteryApprove === 1 && loaded">
    Başvuru işleme alınmıştır.
  </div>
  <div class="form-inner-comment waiting-d" v-if="piyangoStore.lotteryApprove === 2">
    Başvuru inceleniyor.
  </div>

  <template v-if="piyangoStore.lotteryApprove === 3">
    <div class="form-inner-comment waiting-d">
      Bilgi/belge eksik/yanlış, düzenleme bekleniyor.
    </div>
    <div class="form-inner-comment alert-d" v-if="!usersStore.isPanelUser">
      Bilgilerinizi güncelledikten sonra "Onay Durumu" tabından "Onaya Gönder"meyi
      unutmayınız.
    </div>
  </template>

  <div class="form-inner-comment success-d" v-if="piyangoStore.lotteryApprove === 4">
    Başvuruya izin verildi.
  </div>
  <div class="form-inner-comment alert-d" v-if="piyangoStore.lotteryApprove === 5">
    Başvuru uygun görülmemiştir.
  </div>

  <div class="form-inner-comment waiting-d" v-if="piyangoStore.lotteryApprove === 7">
    {{
      usersStore.isPanelUser
        ? 'Üye piyango bilgilerinde değişiklik yapma talebinde bulunmuştur.'
        : 'Değişiklik yapma telebinizin değerlendirilmesi bekleniyor.'
    }}
  </div>

  <div class="form-inner-comment waiting-d" v-if="piyangoStore.lotteryApprove === 8">
    Başvurunun incelenmesi bekleniyor.
  </div>

  <div class="form-inner-comment alert-d" v-if="piyangoStore.lotteryApprove === 9">
    Başvuru izin öncesi iptal edilmiştir.
  </div>
  <div class="form-inner-comment success-d" v-if="piyangoStore.lotteryApprove === 10">
    Kampanya olumlu sonuçlanmıştır.
  </div>
  <div class="form-inner-comment alert-d" v-if="piyangoStore.lotteryApprove === 11">
    Başvuru izin sonrası iptal edilmiştir.
  </div>
  <div class="form-inner-comment waiting-d" v-if="piyangoStore.lotteryApprove === 12">
    Başvuru kapsam dışıdır.
    <template v-if="usersStore.isPanelUser">
      <br />
      Başvuru admin tarafından kapsam dışı olarak işaretlenmiştir.
    </template>
  </div>
  <div class="form-inner-comment alert-d" v-if="piyangoStore.lotteryApprove === 13">
    Kampanya için cezai işlem uygulanmıştır.
  </div>
</template>
<script setup lang="ts">
  import { ref,onBeforeMount } from 'vue'

  import { useUsersStore } from '@/stores/usersStore'
  const usersStore = useUsersStore()
  import { usePiyangoStore } from '../../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
  import { useMuhasebeSettingsStore } from '@/module/muhasebe/store/muhasebeSettingsStore'
  const muhasebeSettingsStore = useMuhasebeSettingsStore()
  import { useMuhasebeSettingsService } from '@/module/muhasebe/service/muhasebeSettingsService'
  const muhasebeSettingsService = useMuhasebeSettingsService()

  const loaded = ref<boolean>(false)

  const props = defineProps<{
    piyangoAmac: number | null
  }>()

  onBeforeMount(async () => {
    await muhasebeSettingsService.GetMuhasebeSettings()
    loaded.value = true
  })
</script>
