<template>
  <div class="form-part">
    <div class="form-part-title">
      <h4>İrtibat Kurulacak Kişi</h4>
      <div class="form-part-title-buttons"></div>
    </div>
    <div class="form-part-content" v-if="customerIrtibatStore.loaded">
      <form-display
        half
        v-model="customerIrtibatStore.customerIrtibatForm.firstName"
        label="Adı" />
      <form-display
        half
        v-model="customerIrtibatStore.customerIrtibatForm.lastName"
        label="Soyadı" />
      <form-display
        half
        v-model="customerIrtibatStore.customerIrtibatForm.phone"
        label="Telefon Numarası" />
      <form-display
        half
        v-model="customerIrtibatStore.customerIrtibatForm.email"
        label="E-posta adresi" />
    </div>
  </div>
</template>
<script setup lang="ts">
  import { onBeforeMount } from 'vue'

  import { useCustomerIrtibatStore } from '../../stores/customerIrtibatStore'
  const customerIrtibatStore = useCustomerIrtibatStore()
  import { useCustomerIrtibatService } from '../../service/customerIrtibatService'
  const customerIrtibatService = useCustomerIrtibatService()

  onBeforeMount(async () => {
    await customerIrtibatService.GetIrtibat()
  })
</script>
