<script setup>
// import items from '~/assets/data/contact/relationship.json'
</script>
<template>
      <ListElement
        name="relationship"
        :rules="['min:1']"
        :min="1"
        :max="1"
        :initial="1"
    >
      <template #default="{ index }">
        <ObjectElement
          :name="index"
        >
          <SelectElement
            name="code"
            :search="true"
            :native="false"
            input-type="search"
            autocomplete="off"
            placeholder="Hubungan Dengan Pasien"
            :columns="{
              container: 12,
            }"
            :items="[
              {
                value: 'BP',
                label: 'Billing contact person',
              },
              {
                value: 'CP',
                label: 'Contact person',
              },
              {
                value: 'EP',
                label: 'Emergency contact person',
              },
              {
                value: 'PR',
                label: 'Person preparing referral',
              },
              {
                value: 'E',
                label: 'Employer',
              },
              {
                value: 'C',
                label: 'Emergency Contact',
              },
              {
                value: 'F',
                label: 'Federal Agency',
              },
              {
                value: 'I',
                label: 'Insurance Company',
              },
              {
                value: 'N',
                label: 'Next-of-Kin',
              },
              {
                value: 'S',
                label: 'State Agency',
              },
              {
                value: 'U',
                label: 'Unknown',
              },
            ]"
          />
        </ObjectElement>
      </template>
    </ListElement>
  </template>