// Admin Panel > Artículos: menú creativo de objetos (como el inventario creativo de Minecraft). Pestañas con un objeto
// representativo, buscador, cuadrícula de 12 x 6 y pie para darse el elegido. El catálogo y la entrega los hace el
// servidor (admin.lua, «A|» / «T|»), 72 objetos por página.

// Pestaña: casilla cuadrada con un objeto dentro (o el ícono de línea, para VALDREN). La activa, con borde oro.
AdmATab < UIButton
  size: 34 34
  background-color: $otmmo-bg-2
  border-width: 1
  border-color: $otmmo-border
  icon-color: $otmmo-text-2
  change-cursor-image: true
  cursor: pointer

  $hover:
    background-color: $otmmo-surface

  $on:
    background-color: $otmmo-surface
    border-color: $otmmo-accent
    icon-color: $otmmo-accent

  UIItem
    id: item
    anchors.centerIn: parent
    size: 32 32
    virtual: true
    phantom: true

// Gema de calidad: el marco de GameIconButton pero SIN cambiar icon-color por estado (el Lua la tiñe con su color).
AdmACalidad < UIButton
  size: 28 28
  image-source: /images/ui/boton_icono
  image-clip: 0 0 28 28
  image-border: 4
  icon-align: center
  change-cursor-image: true
  cursor: pointer

  $hover !disabled:
    image-clip: 0 28 28 28

  $on !disabled:
    image-clip: 0 84 28 28

  $pressed !disabled:
    image-clip: 0 56 28 28
    icon-offset-y: 1

  $disabled:
    image-clip: 0 112 28 28
    opacity: 0.45

// Casilla de la cuadrícula. La elegida, con borde oro (Lua).
AdmASlot < GameItemSlot
  virtual: true
  change-cursor-image: true
  cursor: pointer

ValdrenVentana
  id: ventanaArticulos
  size: 474 548
  text: Artículos
  @onEscape: modules.game_admin.toggleArticulos()

  Panel
    id: pestanas
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    height: 34
    layout:
      type: horizontalBox
      spacing: 4

  // Orden: íconos (nombre, nivel, ataque, defensa, armadura, vida, maná); el activo en oro; pulsarlo otra vez invierte.
  Panel
    id: ordenes
    anchors.top: pestanas.bottom
    anchors.left: parent.left
    margin-top: 6
    size: 220 28
    layout:
      type: horizontalBox
      spacing: 4

  // Rótulo del orden: «Nivel» + flecha (arriba = ascendente, abajo = descendente).
  GameText
    id: sentido
    anchors.left: ordenes.right
    anchors.verticalCenter: ordenes.verticalCenter
    margin-left: 10

  UIWidget
    id: flecha
    anchors.left: sentido.right
    anchors.verticalCenter: ordenes.verticalCenter
    margin-left: 4
    size: 18 18
    image-color: $otmmo-accent
    phantom: false

  // Subgrupos (tipo de arma / pieza): solo en Equipo VALDREN, Armas y Armaduras; en las demás queda a 0 de alto.
  Panel
    id: subgrupos
    anchors.top: ordenes.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 6
    height: 34
    layout:
      type: horizontalBox
      spacing: 4

  TextEdit
    id: buscar
    anchors.top: subgrupos.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 8
    height: 24
    placeholder: Buscar por nombre o id

  Panel
    id: rejilla
    anchors.top: buscar.bottom
    anchors.left: parent.left
    margin-top: 8
    size: 430 214
    layout:
      type: grid
      cell-size: 34 34
      cell-spacing: 2
      flow: true

  Button
    id: anterior
    anchors.top: rejilla.bottom
    anchors.left: parent.left
    margin-top: 6
    size: 28 22
    text: <

  Button
    id: siguiente
    anchors.top: rejilla.bottom
    anchors.right: parent.right
    margin-top: 6
    size: 28 22
    text: >

  GameTextMuted
    id: pagina
    anchors.left: anterior.right
    anchors.right: siguiente.left
    anchors.verticalCenter: anterior.verticalCenter
    text-align: center

  // Pie: el objeto elegido y cómo dárselo -------------------------------------------------------------------------
  GameItemSlotLarge
    id: elegido
    anchors.top: anterior.bottom
    anchors.left: parent.left
    margin-top: 12
    virtual: true

  Label
    id: nombre
    anchors.top: elegido.top
    anchors.left: elegido.right
    anchors.right: parent.right
    margin-left: 10
    margin-top: 4
    height: 18
    ttf-font: $otmmo-font-strong
    ttf-font-size: $otmmo-size-md
    color: $otmmo-text
    text: Elige un objeto de la cuadrícula.

  GameTextMuted
    id: detalle
    anchors.top: nombre.bottom
    anchors.left: nombre.left
    anchors.right: parent.right

  GameTextMuted
    id: tCantidad
    anchors.left: parent.left
    anchors.verticalCenter: dar.verticalCenter
    text: Cantidad

  TextEdit
    id: cantidad
    anchors.left: tCantidad.right
    anchors.verticalCenter: dar.verticalCenter
    margin-left: 8
    size: 56 24
    max-length: 4
    text: 1

  // Calidad: 4 gemas teñidas (sin calidad, poco común, rara, épica); la elegida en «on». Solo para equipo VALDREN.
  Panel
    id: calidad
    anchors.left: cantidad.right
    anchors.verticalCenter: dar.verticalCenter
    margin-left: 12
    size: 124 28
    layout:
      type: horizontalBox
      spacing: 4

  Button
    id: darUno
    anchors.right: dar.left
    anchors.verticalCenter: dar.verticalCenter
    margin-right: 8
    size: 64 30
    text: Dar 1

  ValdrenBoton
    id: dar
    anchors.top: elegido.bottom
    anchors.right: parent.right
    margin-top: 10
    width: 72
    text: Dar