Resource Definitions

interface ResourceConfig {
  // Identity
  name: string              // Singular name, PascalCase (e.g. "Invoice")
  slug?: string             // URL slug, auto-derived if omitted (e.g. "invoices")
  endpoint: string          // Go API base URL (e.g. "/api/invoices")
  icon: string              // Lucide icon name (e.g. "FileText")
  label?: {                 // Display labels (auto-derived from name)
    singular: string        // "Invoice"
    plural: string          // "Invoices"
  }

  // How the create/edit form is presented (optional)
  formView?: 'sheet' | 'modal' | 'page' | 'modal-steps' | 'page-steps'

  // Table configuration
  table: TableConfig

  // Form configuration
  form: FormConfig

  // Dashboard widgets (optional)
  dashboard?: DashboardConfig

  // Stats cards above the table (optional; omit for 4 auto defaults, false to disable)
  stats?: StatsConfig | boolean

  // Sidebar nav grouping — resources sharing a key collapse under one header
  group?: string

  // Access control (optional)
  adminOnly?: boolean       // Hide from the sidebar for non-ADMIN/EDITOR users
}

interface TableConfig {
  columns: ColumnDef[]
  filters?: FilterDef[]
  pageSize?: number            // Default: 20
  defaultSort?: {
    key: string
    direction: 'asc' | 'desc'
  }
  searchable?: boolean         // Enable global search (default: true)
  actions?: Action[]           // 'create' | 'edit' | 'delete' | 'view' | 'export'
  bulkActions?: BulkAction[]   // 'delete' | 'export'
  dateFilter?: {               // Date-window filter on the list page (default on)
    enabled?: boolean
    field?: string             // Column to filter (default: 'created_at')
    label?: string
  }
  export?: false | {           // Toolbar download menu (CSV / JSON / Excel, default all on)
    csv?: boolean
    json?: boolean
    excel?: boolean
  }
  import?: false | {           // Excel import button + modal (default on)
    excel?: boolean
    fields?: string[]
  }
}

interface ColumnDef {
  key: string                  // JSON field name (supports dot notation: "customer.name")
  label: string                // Column header text
  sortable?: boolean           // Allow sorting by this column
  searchable?: boolean         // Include in global search
  format?: ColumnFormat        // Display format
  badge?: BadgeConfig          // Badge-style rendering for status fields
  hidden?: boolean             // Hidden by default (show/hide toggle)
  width?: string               // Fixed column width
  className?: string           // Tailwind classes applied to every cell
  cell?: (row) => ReactNode    // Custom renderer (overrides format/badge)
}

type ColumnFormat =
  | 'text'                     // Plain text (default)
  | 'currency'                 // Currency ($1,234.00)
  | 'boolean'                  // Check/X icon
  | 'date'                     // Formatted date (Jan 15, 2026)
  | 'relative'                 // Relative time (3 hours ago)
  | 'badge'                    // Colored badge
  | 'image'                    // Thumbnail image
  | 'video' | 'file' | 'files' // Media / attachment previews
  | 'link' | 'email' | 'color' // URL, mailto, and color swatch
  | 'richtext'                 // HTML stripped to a plain-text preview
  | 'user'                     // Avatar + name + email stacked

interface BadgeConfig {
  [value: string]: {
    color: 'green' | 'yellow' | 'red' | 'blue' | 'purple' | 'gray'
    label: string
  }
}

{
  key: 'status',
  label: 'Status',
  badge: {
    paid:    { color: 'green',  label: 'Paid' },
    pending: { color: 'yellow', label: 'Pending' },
    overdue: { color: 'red',    label: 'Overdue' },
  },
}

interface FilterDef {
  key: string                  // Field to filter on
  type: 'select' | 'date-range' | 'number-range'
  label?: string               // Display label (defaults to key)
  options?: string[]           // For 'select' type
}

// Example filters
filters: [
  { key: 'status', type: 'select', options: ['paid', 'pending', 'overdue'] },
  { key: 'created_at', type: 'date-range' },
  { key: 'amount', type: 'number-range' },
]

interface FormConfig {
  fields: FieldDef[]
  layout?: 'single' | 'two-column'  // Default: 'single'
}

interface FieldDef {
  key: string                  // JSON field name
  label: string                // Display label
  type: FieldType              // Input type
  required?: boolean           // Required field (default: false)
  placeholder?: string         // Placeholder text
  defaultValue?: unknown       // Default value for create mode
  options?: { label: string; value: string }[]
  min?: number                 // For number type
  max?: number                 // For number type
  step?: number                // For number type
  rows?: number                // For textarea type
  colSpan?: 1 | 2              // Column span in two-column layout
}

type FieldType =
  | 'text'
  | 'textarea'
  | 'number'
  | 'select'
  | 'date'
  | 'datetime'
  | 'toggle'
  | 'checkbox'
  | 'radio'
  | 'image'                    // Single image upload
  | 'images'                   // Multiple image upload
  | 'video'                    // Single video upload
  | 'videos'                   // Multiple video upload
  | 'file'                     // Single file upload
  | 'files'                    // Multiple file upload
  | 'richtext'                 // Rich text editor
  | 'relationship-select'      // Select from related resource
  | 'multi-relationship-select' // Multi-select from related resource

interface DashboardConfig {
  enabled?: boolean            // false hides this resource's preset widgets
  widgets?: WidgetDef[]
}

interface WidgetDef {
  type: 'stat' | 'chart' | 'activity'
  label: string
  endpoint?: string            // Go API URL the widget reads (e.g. "/api/orders?page_size=1")
  icon?: string                // Lucide icon name
  color?: string               // Accent color for the widget
  format?: 'number' | 'currency' | 'percentage'
  chartType?: 'line' | 'bar' | 'pie'   // For type: 'chart'
  colSpan?: 1 | 2 | 3 | 4
}

import { defineResource } from '@/lib/resource'

export const postsResource = defineResource({
  name: 'Post',
  slug: 'posts',
  endpoint: '/api/posts',
  icon: 'FileText',
  label: {
    singular: 'Blog Post',
    plural: 'Blog Posts',
  },
  adminOnly: true,

  table: {
    columns: [
      { key: 'title', label: 'Title', sortable: true, searchable: true },
      { key: 'author.name', label: 'Author' },
      { key: 'category', label: 'Category', sortable: true },
      { key: 'status', label: 'Status', badge: {
        published: { color: 'green', label: 'Published' },
        draft:     { color: 'yellow', label: 'Draft' },
        archived:  { color: 'gray', label: 'Archived' },
      }},
      { key: 'views', label: 'Views', sortable: true },
      { key: 'published_at', label: 'Published', format: 'date' },
      { key: 'created_at', label: 'Created', format: 'relative' },
    ],
    filters: [
      { key: 'status', type: 'select', options: ['published', 'draft', 'archived'] },
      { key: 'category', type: 'select', options: ['tech', 'design', 'business'] },
      { key: 'published_at', type: 'date-range' },
    ],
    pageSize: 25,
    defaultSort: { key: 'created_at', direction: 'desc' },
    actions: ['create', 'edit', 'delete', 'export'],
    bulkActions: ['delete', 'export'],
    // Toolbar download menu (CSV / JSON / Excel) + Excel import are on by default.
  },

  form: {
    layout: 'two-column',
    fields: [
      { key: 'title', label: 'Title', type: 'text', required: true,
        placeholder: 'Enter post title', colSpan: 2 },
      { key: 'slug', label: 'Slug', type: 'text',
        placeholder: 'auto-generated-from-title' },
      { key: 'category', label: 'Category', type: 'select',
        options: [
          { label: 'Tech', value: 'tech' },
          { label: 'Design', value: 'design' },
          { label: 'Business', value: 'business' },
        ] },
      { key: 'content', label: 'Content', type: 'richtext', colSpan: 2 },
      { key: 'excerpt', label: 'Excerpt', type: 'textarea', rows: 3,
        colSpan: 2 },
      { key: 'status', label: 'Status', type: 'select',
        options: [
          { label: 'Published', value: 'published' },
          { label: 'Draft', value: 'draft' },
          { label: 'Archived', value: 'archived' },
        ], defaultValue: 'draft' },
      { key: 'featured', label: 'Featured Post', type: 'toggle' },
      { key: 'cover_image', label: 'Cover Image', type: 'file', colSpan: 2 },
    ],
  },

  dashboard: {
    widgets: [
      { type: 'stat', label: 'Total Posts', icon: 'FileText', color: 'accent',
        endpoint: '/api/posts?page_size=1', format: 'number' },
      { type: 'stat', label: 'Published', icon: 'CheckCircle', color: 'success',
        endpoint: '/api/posts?status=published&page_size=1', format: 'number' },
    ],
  },
})

import users from './users'
import posts from './posts'
import invoices from './invoices'

// All registered resources — sidebar and routes are generated from this array
export const resources = [users, posts, invoices]

// Helper to look up a resource by slug
export function getResource(slug: string) {
  return resources.find((r) => r.slug === slug)
}