<script setup lang="ts">
const props = defineProps({
  data: {
    type: Object,
    required: true,
  },
  checkForm: String,
});
</script>
<template>
  <q-card-section>
    <div class="q-pa-md q-gutter-md">
      <div class="row">
        <div class="col-4 text-grey-8">วันที่ยื่นใบลา</div>
        <div class="col">{{ props.data.dateSendLeave }}</div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">เรื่อง</div>

        <div class="col">
          {{
            props.checkForm !== "FormUpasom" && props.checkForm !== "FormHajj"
              ? props.data.leaveTypeName
              : props.data.hajjDayStatus
              ? "ลาประกอบพิธีฮัจญ์"
              : "ลาอุปสมบท"
          }}
        </div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">เรียน</div>
        <div class="col">{{ props.data.dear }}</div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">ชื่อผู้ยื่นขอ</div>
        <div class="col">{{ props.data.fullName }}</div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">ตำแหน่งผู้ยื่นขอ</div>
        <div class="col">{{ props.data.positionName }}</div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">ระดับผู้ยื่นขอ</div>
        <div class="col">{{ props.data.positionLevelName }}</div>
      </div>
      <div class="row">
        <div class="col-4 text-grey-8">สังกัดผู้ยื่นขอ</div>
        <div class="col">{{ props.data.organizationName }}</div>
      </div>
    </div>
  </q-card-section>
</template>

<style scoped></style>
