<template>
  <LayoutContainer>
    <div>
      <h2>Éditer la zone de résidence</h2>
      <UiFormEdition
        :model="ResidenceArea"
        go-back-route="/parameters/residence_areas"
      >
        <template #default="{ entity }">
          <UiInputText
            v-if="entity !== null"
            v-model="entity.label"
            field="label"
            :rules="rules()"
          />
        </template>
      </UiFormEdition>
    </div>
  </LayoutContainer>
</template>

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import ResidenceArea from '~/models/Billing/ResidenceArea'

const i18n = useI18n()

const rules = () => [
  (label: string | null) =>
    (label !== null && label.length > 0) || i18n.t('please_enter_a_value'),
]
</script>
