<?php // $file = /home/coopiak/amisdesseniors-fr/concours/plugins/system/djc2yootheme/modules/builder-djcatalog2-source/elements/djc2-filters/element.json

return [
  '@import' => $filter->apply('path', './element.php', $file),
  'name' => 'djc2-filters',
  'title' => 'Full Filters',
  'group' => 'DJ-Catalog2',
  'icon' => $filter->apply('url', 'images/icon.svg', $file),
  'iconSmall' => $filter->apply('url', 'images/iconSmall.svg', $file),
  'element' => true,
  'container' => true,
  'width' => 500,
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file)
  ],
  'fields' => [
    'column_gap' => [
      'label' => 'Grid Column Gap',
      'description' => 'Set the size of the gap between the navigation and the content.',
      'type' => 'select',
      'options' => [
        'Small' => 'small',
        'Medium' => 'medium',
        'Default' => '',
        'Large' => 'large',
        'None' => 'collapse'
      ]
    ],
    'grid_width' => [
      'label' => 'Grid Width',
      'description' => 'Define the width of the title within the grid. Choose between percent and fixed widths or expand columns to the width of their content.',
      'type' => 'select',
      'options' => [
        'Auto' => 'auto',
        '80%' => '4-5',
        '75%' => '3-4',
        '66%' => '2-3',
        '60%' => '3-5',
        '50%' => '1-2',
        '40%' => '2-5',
        '33%' => '1-3',
        '25%' => '1-4',
        '20%' => '1-5',
        'Small' => 'small',
        'Medium' => 'medium',
        'Large' => 'large',
        'X-Large' => 'xlarge',
        '2X-Large' => '2xlarge'
      ]
    ],
    'vertical_align' => [
      'label' => 'Vertical Alignment',
      'description' => 'Vertically center the navigation and content.',
      'type' => 'checkbox',
      'text' => 'Center'
    ],
    'grid_breakpoint' => [
      'label' => 'Grid Breakpoint',
      'description' => 'Set the breakpoint from which grid items will stack.',
      'type' => 'select',
      'options' => [
        'Small (Phone Landscape)' => 's',
        'Medium (Tablet Landscape)' => 'm',
        'Large (Desktop)' => 'l',
        'X-Large (Large Screens)' => 'xl'
      ]
    ],
    'id' => $config->get('builder.id')
  ],
  'fieldset' => [
    'default' => [
      'type' => 'tabs',
      'fields' => [[
          'title' => 'Settings',
          'fields' => [[
              'label' => 'Column',
              'type' => 'group',
              'divider' => true,
              'fields' => ['grid_width','column_gap','grid_breakpoint','vertical_align']
            ]]
        ],$config->get('builder.advanced')]
    ]
  ]
];