export const schema = {
  type: 'object',
  properties: {
    bank: {
      type: 'object',
      properties: {
        name: { type: 'string' },
      },
    },
    visuals: {
      type: 'array',
      items: {
        type: 'object',
        properties: {
          visualId: {
            type: 'string',
          },
          file: {
            type: 'string',
          },
        },
        additionalProperties: false,
        additionalItems: false,
      },
    },
  },
};

export const uischema = {
  type: 'Categorization',
  elements: [
    {
      type: 'Category',
      label: 'Cat1',
      elements: [
        {
          type: 'HorizontalLayout',
          elements: [
            {
              type: 'Control',
              scope: '#/properties/bank/properties/name',
              label: 'Nom',
            },
          ],
        },
      ],
    },
    {
      type: 'Category',
      label: 'Cat2',
      elements: [
        {
          type: 'ListWithDetail',
          scope: '#/properties/visuals',
          options: {
            elementLabelProp: 'visualId',
            detail: {
              type: 'VerticalLayout',
              elements: [
                {
                  type: 'Control',
                  scope: '#/properties/visualId',
                  label: 'Identifiant du visuel',
                },
                {
                  type: 'Control',
                  scope: '#/properties/file',
                  label: 'Fichier',
                },
              ],
            },
          },
        },
      ],
    },
  ],
};