<template>
  <va-form :id="id" :item="item">
    <v-row justify="center">
      <v-col sm="6">
        <base-material-card>
          <template v-slot:heading>
            <div class="display-2">
              {{ title }}
            </div>
          </template>
          <v-card-text>
            <%_ for (field of fields) { _%>
            <va-<%- field.type %>-input source="<%- field.name %>"<%- field.attrs ? ' ' + field.attrs : '' %>></va-<%- field.type %>-input>
            <%_ } _%>
          </v-card-text>
          <va-save-button></va-save-button>
        </base-material-card>
      </v-col>
    </v-row>
  </va-form>
</template>

<script>
export default {
  props: ["id", "title", "item"],
};
</script>
