<template>
  <div class="form-content">
    <div class="form-inner-content form-inner-content-left">
      <form-piyango-bilgileri-display />
      <form-piyango-irtibat-bilgileri-display />
      <form-piyango-yardim-amacli-display v-if="piyangoStore.isLotteryForCharity" />
    </div>
    <div class="form-inner-content form-inner-content-right">
      <div
        class="form-part"
        id="display-mecra"
        v-if="
          piyangoStore.lotteryData.amacpiyangoId !== 3 &&
          piyangoStore.lotteryApprove !== 12
        ">
        <form-piyango-mecra-display />
      </div>
      <form-piyango-documents-display />
    </div>
    <div
      class="form-inner-content"
      v-if="
        piyangoStore.lotteryData.amacpiyangoId !== 3 && piyangoStore.lotteryApprove !== 12
      ">
      <form-piyango-pictures-display />
    </div>
    <div
      class="form-inner-content"
      v-if="
        piyangoStore.lotteryData.amacpiyangoId !== 3 && piyangoStore.lotteryApprove !== 12
      ">
      <form-piyango-ikramiye-listesi-display />
    </div>
  </div>
</template>
<script setup lang="ts">
  import FormPiyangoBilgileriDisplay from './display/FormPiyangoBilgileriDisplay.vue'
  import FormPiyangoDocumentsDisplay from './display/FormPiyangoDocumentsDisplay.vue'
  import FormPiyangoPicturesDisplay from './display/FormPiyangoPicturesDisplay.vue'
  import FormPiyangoIrtibatBilgileriDisplay from './display/FormPiyangoIrtibatBilgileriDisplay.vue'
  import FormPiyangoMecraDisplay from './display/FormPiyangoMecraDisplay.vue'
  import FormPiyangoIkramiyeListesiDisplay from './display/FormPiyangoIkramiyeListesiDisplay.vue'
  import FormPiyangoYardimAmacliDisplay from './display/FormPiyangoYardimAmacliDisplay.vue'

  import { usePiyangoStore } from '../stores/piyangoStore'
  const piyangoStore = usePiyangoStore()
</script>
