Catalog Types

interface Proveedor {
  id: string
  nombre: string
  activo: boolean
  created_at: string
}

interface Producto {
  id: string
  nombre: string
  descripcion: string | null
  activo: boolean
  created_at: string
}

interface Presentacion {
  id: string
  nombre: string
  activo: boolean
  created_at: string
}

interface Destino {
  id: string
  nombre: string
  activo: boolean
  created_at: string
}

interface Estatus {
  id: string
  nombre: string
  color_hex: string
  activo: boolean
  created_at: string
}

const statusPendiente: Estatus = {
  id: 'uuid-1',
  nombre: 'Pendiente',
  color_hex: '#FFC107',
  activo: true,
  created_at: '2026-01-01T00:00:00Z'
}

const statusEntregado: Estatus = {
  id: 'uuid-2',
  nombre: 'Entregado',
  color_hex: '#28A745',
  activo: true,
  created_at: '2026-01-01T00:00:00Z'
}

interface Unidad {
  id: string
  nombre: string
  abreviatura: string
  activo: boolean
  created_at: string
}

const unitKg: Unidad = {
  id: 'uuid-1',
  nombre: 'Kilogramo',
  abreviatura: 'kg',
  activo: true,
  created_at: '2026-01-01T00:00:00Z'
}

const unitLitro: Unidad = {
  id: 'uuid-2',
  nombre: 'Litro',
  abreviatura: 'L',
  activo: true,
  created_at: '2026-01-01T00:00:00Z'
}

interface Catalogos {
  proveedores: Proveedor[]
  productos: Producto[]
  presentaciones: Presentacion[]
  destinos: Destino[]
  estatus: Estatus[]
  unidades: Unidad[]
}

import type { Catalogos } from '@/types'
import { getCatalogos } from '@/lib/actions/requisiciones'

// Fetch all catalogs
const catalogos: Catalogos = await getCatalogos()

// Use in form select options
const proveedorOptions = catalogos.proveedores
  .filter(p => p.activo)
  .map(p => ({
    value: p.id,
    label: p.nombre
  }))

const unidadOptions = catalogos.unidades
  .filter(u => u.activo)
  .map(u => ({
    value: u.id,
    label: `${u.nombre} (${u.abreviatura})`
  }))

// Filter for active entries only
const activeProviders = catalogos.proveedores.filter(p => p.activo)

// Show all entries in admin view
const allProviders = catalogos.proveedores

function getStatusBadge(status: Estatus) {
  return (
    <span 
      className="badge" 
      style={{ 
        backgroundColor: status.color_hex,
        color: '#ffffff'
      }}
    >
      {status.nombre}
    </span>
  )
}