<script lang="ts" setup>
import SelectQuotation from '../shared/select/SelectQuotation.vue';

defineProps<{
  readonly?: boolean;
}>();

const quotationId = defineModel<string>('quotationId', {
  required: true,
});
</script>
<template>
  <div class="row col-12">
    <section
      :id="`form-credit`"
      class="col-12 q-pb-sm text-weight-bold text-body1 row items-center"
    >
      <q-icon
        flat
        size="xs"
        class="q-pa-sm rounded q-mr-xs"
        color="info"
        name="mdi-file-outline"
        style="background-color: var(--surface-3)"
      />
      {{ $t(`general.document`) }}
    </section>

    <section class="col-12 row q-col-gutter-sm">
      <SelectQuotation
        for="select-quotation"
        required
        class="col"
        v-model:value="quotationId"
        :label="$t('general.select', { msg: $t('quotation.title') })"
        :params="{
          cancelIncludeDebitNote: true,
          hasCancel: true,
        }"
      />
    </section>
  </div>
</template>
<style scoped></style>
