name: vitec/card
group: vitec_custom_components
prefixFields: true
prefixType: vendor

fields:
  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_content
    type: Tab
    label: Content

  - identifier: eyebrow
    type: Text
    max: 50

  - identifier: header_section
    type: Palette
    label: Header
    fields:
      - identifier: header
        useExistingField: true
        required: true
      - type: Linebreak
      - identifier: header_layout
        useExistingField: true
      - identifier: header_position
        useExistingField: true
      - identifier: date
        useExistingField: true
      - type: Linebreak
      - identifier: header_link
        useExistingField: true
      - type: Linebreak
      - identifier: subheader
        useExistingField: true


  - identifier: bodytext
    useExistingField: true
    enableRichtext: true

  - identifier: image
    type: File
    minitems: 0
    maxitems: 1
    allowed: common-image-types

  - identifier: icon
    type: File
    minitems: 0
    maxitems: 1
    allowed: svg,png

  - identifier: primary_cta
    type: Link
    allowedTypes:
      - page
      - url
      - file
      - email

  - identifier: primary_cta_label
    type: Text
    max: 30
    default: 'Learn more'

  - identifier: secondary_cta
    type: Link
    allowedTypes:
      - page
      - url
      - file
      - email

  - identifier: secondary_cta_label
    type: Text
    max: 30

  - identifier: Vitec/ButtonStyle
    type: Basic

  - identifier: Vitec/SecondaryButtonStyle
    type: Basic

  - identifier: card_link
    type: Link
    allowedTypes:
      - page
      - url
      - file
      - email

  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_layout
    type: Tab
    label: Layout

  - identifier: layout_variant
    type: Select
    renderType: selectSingle
    default: vertical
    items:
      - label: Vertical (image top, content below)
        value: vertical
      - label: Horizontal (image left, content right)
        value: horizontal
      - label: Horizontal Reverse (content left, image right)
        value: horizontal_reverse
      - label: Image Overlay (text over image)
        value: image_overlay
      - label: Text Only (no image)
        value: text_only
      - label: Icon Card (icon focused, text below)
        value: icon_card
      - label: Feature (large highlighted card)
        value: feature
      - label: Compact (small card, tight spacing)
        value: compact

  - identifier: background_variant
    type: Select
    renderType: selectSingle
    default: none
    items:
      - label: None
        value: none
      - label: Orange
        value: orange
      - label: Blue
        value: blue
      - label: Graphite
        value: graphite
      - label: Midnight
        value: midnight
      - label: Light (neutral)
        value: light
      - label: Dark (neutral)
        value: dark

  - identifier: image_aspect_ratio
    type: Select
    renderType: selectSingle
    default: auto
    items:
      - label: Auto (original)
        value: auto
      - label: Square (1:1)
        value: '1_1'
      - label: Landscape (4:3)
        value: '4_3'
      - label: Widescreen (16:9)
        value: '16_9'
      - label: Portrait (3:4)
        value: '3_4'

  - identifier: text_alignment
    type: Select
    renderType: selectSingle
    default: left
    items:
      - label: Left
        value: left
      - label: Center
        value: center
      - label: Right
        value: right

  - identifier: border_style
    type: Select
    renderType: selectSingle
    default: none
    items:
      - label: None
        value: none
      - label: Soft (subtle line)
        value: soft
      - label: Hard (thick line)
        value: hard
      - label: Dashed
        value: dashed

  - identifier: shadow
    type: Select
    renderType: selectSingle
    default: none
    items:
      - label: None
        value: none
      - label: Soft
        value: soft
      - label: Medium
        value: medium
      - label: Strong
        value: strong

  # ──────────────────────────────────────────────────────────────────────
  - identifier: tab_advanced
    type: Tab
    label: Advanced

  - identifier: cssClass
    type: Text
    max: 100

  - identifier: debug
    type: Checkbox
    default: 0