<template>
  <div v-if="show">
    <div
      v-for="(value, i) in values"
      :key="value.id"
      class="q-pa-md q-mb-sm entry"
    >
      <FormGeneratorWrapper
        :hide-nulls="true"
        ref="formGeneratorWrapper"
        :model="value"
        :schema="schema"
        :attraction-code="attractionCode"
        :index="showIndexes ? i + 1 : undefined"
        :level="rootLevel - 1"
        mode="create"
      />
    </div>
  </div>
</template>

<script src="./NestedFormGenerator.ts" lang="ts"></script>

<style scoped>
.entry {
  border-bottom: 1px solid #eee;
}
</style>
