# Filter Hierarchy: Defines the dropdowns and their dependencies
filters:
  - id: "joint"
    label: "Select Joint"
    table: "Joint"
    pluck_column: "Joint"
    depends_on: null # Root level
#  - id: "joint_info"
#    label: "joint_info"
#    table: "joint_info" # A separate table in SQLite
#    pluck_column: "Common Joint Name"
#    depends_on: "joint" # Only appears after 'joint' is selected
#    filter_column: "Common Joint Name" # Filter SubJoint where joint_id == selected joint value

# Data Mapping: Defines which tables to hit for the final grid
data_sources:
  - table: "Joint"
    key: "main_info" # Nested JSON key
    filter_column: "joint" 
#  - table: "Ligament"
#    key: "lig_info"
#    filter_column: "joint_id"

# Layout: Defines the visual grid
# colors: dark_blue, light_blue, pale_yellow, pale_green, pale_orange
layout:
  - { row: 0, col: 0, colspan: 4, rowspan: 1, text: "Joint Information", class: "bg-dark-blue" }
  - { row: 1, col: 0, colspan: 1, rowspan: 1, text: "Anatomical Name", class: "bg-light-blue" }
  - { row: 1, col: 1, colspan: 1, rowspan: 1, value: "main_info.joint", class: "bg-pale-yellow" }
  - { row: 1, col: 2, colspan: 1, rowspan: 1, text: "Common Name", class: "bg-light-blue" }
  - { row: 1, col: 3, colspan: 1, rowspan: 1, value: "main_info.common_name", class: "bg-pale-yellow" }
  - { row: 2, col: 0, colspan: 1, rowspan: 1, text: "Joint Type", class: "bg-light-blue" }
  - { row: 2, col: 1, colspan: 1, rowspan: 1, value: "main_info.joint_type", class: "bg-pale-yellow" }
  - { row: 2, col: 2, colspan: 1, rowspan: 1, text: "Planes", class: "bg-light-blue" }
  - { row: 2, col: 3, colspan: 1, rowspan: 1, value: "main_info.planes", class: "bg-pale-yellow" }
  - { row: 3, col: 0, colspan: 4, rowspan: 1, value: "main_info.notes", class: "bg-pale-green" }
  
  # Ligaments Table (separate grid)
  #- { grid: "ligaments", row: 0, col: 0, colspan: 1, rowspan: 1, text: "Ligaments", class: "bg-dark-blue" }
  #- { grid: "ligaments", row: 0, col: 1, colspan: 1, rowspan: 1, value: ".list", class: "bg-pale-orange" }